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
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.

View File

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

View File

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

View File

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