Files
logseq/src/main/frontend/components/header.css
2021-02-09 18:25:48 +08:00

88 lines
1.2 KiB
CSS

.cp__header {
@apply shadow z-10 h-12 pr-4;
display: flex;
align-items: center;
flex: 0 0 auto;
background-color: var(--ls-primary-background-color, #fff);
position: fixed;
width: 100%;
top: 0;
left: 0;
user-select: none;
.it svg {
transform: scale(0.8);
}
.repos {
.dropdown-wrapper {
left: unset;
right: -46px;
min-width: 14rem;
}
}
}
.cp__header-left-menu {
@apply px-4 mr-4;
border-right: 1px solid var(--ls-secondary-background-color);
color: var(--ls-link-text-color);
display: block;
height: 100%;
}
.cp__header-left-menu:focus {
@apply outline-none;
background: var(--ls-menu-hover-color);
}
.cp__header-logo {
@apply px-4 mr-3;
height: 100%;
}
.cp__header-logo,
.cp__right-menu-button {
opacity: 0.7;
}
.cp__header-logo {
display: none;
}
.cp__header-logo:hover,
.cp__right-menu-button:hover {
opacity: 1;
}
.cp__header-logo-img {
width: 24px;
height: 24px;
}
.cp__right-menu-button {
@apply ml-3;
}
.cp__right-menu-button {
display: block;
}
@screen sm {
.cp__header {
@apply shadow-none;
}
.cp__header-left-menu {
display: none;
}
.cp__header-logo {
display: flex;
align-items: center;
}
}