sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2025-12-20 08:30:59 +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) { @media (max-width: 700px) {
.header-row { .header-row {
flex-direction: row; display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
gap: 0.5rem;
align-items: center; align-items: center;
justify-content: space-between;
gap: 1rem;
} }
.logo-count { .header-title {
display: none; grid-column: 1;
grid-row: 1;
} }
.theme-switcher { .theme-switcher {
grid-column: 2;
grid-row: 1;
}
.logo-count {
grid-column: 1 / -1;
grid-row: 2;
margin-left: 0; margin-left: 0;
padding-top: 0;
justify-self: start;
} }
} }
</style> </style>