thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 02:41:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make nav logo image auto adjustable to width

Browse Source
This commit is contained in:
thiloho
2024-12-20 16:17:21 +01:00
parent 7fddfbee95
commit 56646e8d61
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web-app/src/lib/templates/Nav.svelte
View File

@@ -75,9 +75,8 @@
<strong>{websiteOverview.header.logo_text}</strong> <strong>{websiteOverview.header.logo_text}</strong>
{:else} {:else}
<img <img
class="top-nav-logo"
src="{apiUrl}/rpc/retrieve_file?id={websiteOverview.header.logo_image}" src="{apiUrl}/rpc/retrieve_file?id={websiteOverview.header.logo_image}"
width="32"
height="32"
alt="" alt=""
/> />
{/if} {/if}

5
web-app/template-styles/blog-styles.css
View File

@@ -71,6 +71,11 @@ section {
scroll-margin-block-start: var(--space-xl); scroll-margin-block-start: var(--space-xl);
} }
.top-nav-logo {
max-block-size: var(--space-xl);
padding-block: var(--space-xs);
}
@media (min-width: 1525px) { @media (min-width: 1525px) {
#table-of-contents { #table-of-contents {
position: fixed; position: fixed;

5
web-app/template-styles/docs-styles.css
View File

@@ -49,6 +49,11 @@ section {
scroll-margin-block-start: var(--space-xl); scroll-margin-block-start: var(--space-xl);
} }
.top-nav-logo {
max-block-size: var(--space-xl);
padding-block: var(--space-xs);
}
.docs-navigation { .docs-navigation {
display: none; display: none;
position: fixed; position: fixed;