sha/sLogos
1
0
Fork 0
mirror of https://github.com/shadoll/sLogos.git synced 2026-02-04 11:03:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor App.svelte layout by enhancing main container styles for improved responsiveness and structure

Browse Source
This commit is contained in:
sHa
2025-05-02 10:46:10 +03:00
parent 7b5516d997
commit 446eeabcb3
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.svelte
View File

@@ -245,7 +245,7 @@
} }
</script> </script>
<main class="container"> <main class="container app-flex">
<Header <Header
{logos} {logos}
{theme} {theme}
@@ -274,7 +274,7 @@
{openLogoByAnchor} {openLogoByAnchor}
/> />
<div class="logos-container"> <div class="logos-container main-content">
{#if viewMode === "grid"} {#if viewMode === "grid"}
<Grid <Grid
logos={filteredLogos} logos={filteredLogos}
@@ -317,6 +317,17 @@
</footer> </footer>
<style> <style>
.app-flex {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.main-content {
flex: 1 0 auto;
}
footer {
flex: 0 0 auto;
}
.footer-flex { .footer-flex {
display: flex; display: flex;
align-items: center; align-items: center;