mirrors/mycorrhiza
1
0
Fork 0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2025-12-10 02:18:06 +00:00
Code Issues Releases Wiki Activity

Make the top bar look ok on computers

Browse Source
This commit is contained in:
Timur Ismagilov
2021-07-15 14:35:01 +05:00
parent f8f4eb92c8
commit 2ace86b9ed
3 changed files with 347 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
static/default.css
View File

@@ -596,17 +596,19 @@ kbd {
/*
* Top bar
*/
.top-bar a {
color: black;
text-decoration: none;
}
@media screen and (min-width: 800px) {
.top-bar {
padding: 0;
}
.top-bar ul {
padding: 0;
margin: 0;
}
ul.top-bar__wrapper {
.top-bar__wrapper {
display: grid;
padding: 0;
margin: 0 2rem;
grid-template-columns: 1fr 1fr 1fr;
}
.top-bar__section {
display: block;
@@ -631,14 +633,37 @@ kbd {
.auth-links {
display: flex;
justify-content: flex-end;
margin-right: -.5rem;
}
.auth-links__box {
display: block;
line-height: 2rem;
}
.auth-links__link {
display: block;
padding: 0 .5rem;
}
.top-bar__section_home,
.top-bar__highlights {
display: flex;
padding: 0;
margin: 0 0 0 -.5rem;
}
.top-bar__home-link-wrapper,
.top-bar__highlight {
display: block;
margin-right: .5rem;
line-height: 2rem;
}
.top-bar__home-link,
.auth-links__link,
.top-bar__highlight-link {
display: block;
padding: 0 .5rem;
}
.top-bar__home-link:hover,
.auth-links__link:hover,
.top-bar__highlight-link:hover {
background-color: #eee;
}
}