element-call/src/Header.module.css

60 lines
814 B
CSS
Raw Normal View History

2021-08-20 00:49:45 +00:00
.header {
position: relative;
display: flex;
justify-content: center;
align-items: center;
2021-08-23 19:50:19 +00:00
height: 64px;
2021-08-20 00:49:45 +00:00
user-select: none;
2021-08-20 23:23:12 +00:00
flex-shrink: 0;
2021-08-20 00:49:45 +00:00
}
.leftNav {
position: absolute;
left: 20px;
}
.logo {
display: flex;
align-items: center;
text-decoration: none;
}
.rightNav {
position: absolute;
right: 20px;
2021-08-23 19:59:24 +00:00
max-width: 40%;
2021-08-20 23:23:12 +00:00
white-space: nowrap;
display: flex;
}
2021-11-11 01:03:32 +00:00
.rightNav > * {
margin-right: 24px;
}
.rightNav > :last-child {
margin-right: 0;
}
2021-08-20 23:23:12 +00:00
.userName {
font-weight: 600;
margin-right: 8px;
text-overflow: ellipsis;
overflow: hidden;
flex-shrink: 1;
}
.signOutButton {
background: transparent;
border: none;
color: rgb(255, 75, 85);
cursor: pointer;
font-weight: 600;
flex-shrink: 0;
}
2021-08-23 19:50:19 +00:00
2021-11-11 01:03:32 +00:00
@media (min-width: 800px) {
2021-08-23 19:50:19 +00:00
.header {
height: 98px;
}
2021-11-11 01:03:32 +00:00
}