fix: header

This commit is contained in:
uetchy 2021-02-14 17:24:36 +09:00
parent 1ace2f62ea
commit 325f206d15
4 changed files with 30 additions and 56 deletions

View File

@ -39,7 +39,7 @@ Now I can generate a thumbnail image from arbitrary `.afphoto` and `.afdesign` f
# Tweaking Nextcloud # Tweaking Nextcloud
I have a little experience in tweaking Nextcloud source code before, where I implemented thumbnail generator for PDFs, so it should be easier this time, hopefully. I have a bit of experience in tweaking Nextcloud source code before, where I implemented thumbnail generator for PDFs, so it should be easier this time, hopefully.
Long story short, I got Nextcloud generates thumbnail images for Affinity files by implementing `ProviderV2` class. Long story short, I got Nextcloud generates thumbnail images for Affinity files by implementing `ProviderV2` class.

View File

@ -16,9 +16,9 @@
<li class="menu__item"> <li class="menu__item">
<a href="/wallpaper">Wallpaper</a> <a href="/wallpaper">Wallpaper</a>
</li> </li>
<li class="menu__item"> <!-- <li class="menu__item">
<a href="/pay">Pay</a> <a href="/pay">Pay</a>
</li> </li> -->
</ul> </ul>
</nav> </nav>
</header> </header>

View File

@ -55,6 +55,9 @@ body {
padding: 12px 18px !important; padding: 12px 18px !important;
line-height: 1.6em !important; line-height: 1.6em !important;
margin: 0; margin: 0;
@media screen and (max-width: $break-small) {
font-size: 0.8em;
}
} }
code { code {
padding: 0 12px; padding: 0 12px;
@ -93,76 +96,43 @@ hr {
.header { .header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 60px;
margin-bottom: 80px;
flex-direction: row;
justify-content: flex-start;
align-items: center; align-items: center;
margin-top: 50px;
margin-bottom: 50px;
padding: 15px 0;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
margin-top: 0px; margin-top: 30px;
justify-content: center; margin-bottom: 60px;
flex-direction: column; // justify-content: center;
} }
.logo { .logo {
margin: 10px 0 10px;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
filter: invert(1); filter: invert(1);
} }
}
.menu {
list-style: none;
margin-left: 40px;
padding: 8px 0;
display: flex;
flex-flow: row wrap;
text-transform: uppercase;
font-weight: bold;
.menu__item:not(:last-child) {
margin-right: 30px;
@media screen and (max-width: $break-small) {
margin-right: 20px;
}
}
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
padding: 0; padding-left: 5px;
margin: 5px 0;
}
}
}
.metro {
// text-align: center;
display: flex;
flex-direction: column;
margin: 75px 0 100px;
.logo {
@media (prefers-color-scheme: dark) {
filter: invert(1);
} }
} }
.menu { .menu {
margin: 15px 0 0 0; display: flex;
padding: 0; flex-direction: column;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
list-style: none; list-style: none;
.menu__item:not(:last-child) { text-transform: lowercase;
margin-bottom: 12px; font-weight: bold;
} border-left: 1px solid var(--tone);
} // font-family: Rockwell;
@media screen and (max-width: $break-small) { padding: 0;
margin: 40px 0 40px; margin: 0 0 0 30px;
.menu { padding: 0 0 0 30px;
font-size: 15px;
.menu__item {
margin: 5px 0;
} }
} }
} }

View File

@ -194,6 +194,10 @@ a.article-list__item__button {
font-size: 0.8rem; font-size: 0.8rem;
font-style: italic; font-style: italic;
opacity: 0.7; opacity: 0.7;
span {
white-space: break-spaces;
}
} }
} }