sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2025-12-20 07:31:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: refactor header layout for improved responsiveness on mobile

Browse Source
This commit is contained in:
sHa
2025-05-29 15:48:16 +03:00
parent 341571d920
commit 2010eb6704
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Header.svelte
View File

@@ -1220,21 +1220,30 @@
}
@media (max-width: 700px) {
.header-row {
flex-direction: row;
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
gap: 0.5rem;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.logo-count {
display: none;
.header-title {
grid-column: 1;
grid-row: 1;
}
.theme-switcher {
grid-column: 2;
grid-row: 1;
}
.logo-count {
grid-column: 1 / -1;
grid-row: 2;
margin-left: 0;
padding-top: 0;
justify-self: start;
}
}
</style>