diff --git a/gallery/static/sass/components/banner.sass b/gallery/static/sass/components/banner.sass index e9d713f..c9b4aca 100644 --- a/gallery/static/sass/components/banner.sass +++ b/gallery/static/sass/components/banner.sass @@ -75,7 +75,6 @@ grid-template-columns: 1fr auto grid-template-rows: 1fr auto auto grid-template-areas: 'info info' 'header header' 'subtitle options' - gap: 0.5rem z-index: +2 @@ -89,6 +88,8 @@ .banner-header grid-area: header + margin: 0.5rem 0 + text-align: left font-size: 6.9rem font-weight: 700 @@ -113,7 +114,7 @@ background-color: RGB($bg-100) .banner-content - padding: 0.5rem + padding: 0 0.5rem width: 100% height: 100% @@ -124,7 +125,6 @@ display: flex flex-direction: row justify-content: flex-start - gap: 1rem z-index: +2 @@ -137,7 +137,7 @@ justify-self: flex-start .banner-header - padding-bottom: 0.25rem + margin-right: 0.6rem white-space: nowrap text-overflow: ellipsis @@ -149,6 +149,8 @@ color: RGB($primary) .banner-info + margin-right: 0.6rem + font-size: 0.9rem font-weight: 400 @@ -174,9 +176,9 @@ flex-direction: column justify-content: center align-items: center - gap: 1rem .banner-header + margin: 1rem 0 text-align: center font-size: 2.5rem diff --git a/gallery/static/sass/components/gallery.sass b/gallery/static/sass/components/gallery.sass index 3dc8297..e714e23 100644 --- a/gallery/static/sass/components/gallery.sass +++ b/gallery/static/sass/components/gallery.sass @@ -1,15 +1,14 @@ .gallery-grid margin: 0 - padding: 0.65rem + padding: 0.35rem width: 100% display: grid grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) - gap: 0.65rem .gallery-item - margin: 0 + margin: 0.35rem padding: 0 height: auto @@ -97,7 +96,7 @@ opacity: 1 .group-item - margin: 0 + margin: 0.35rem padding: 0 height: auto diff --git a/gallery/static/sass/components/elements/notification.sass b/gallery/static/sass/components/notification.sass similarity index 100% rename from gallery/static/sass/components/elements/notification.sass rename to gallery/static/sass/components/notification.sass diff --git a/gallery/static/sass/components/elements/pop-up.sass b/gallery/static/sass/components/pop-up.sass similarity index 100% rename from gallery/static/sass/components/elements/pop-up.sass rename to gallery/static/sass/components/pop-up.sass diff --git a/gallery/static/sass/components/elements/tags.sass b/gallery/static/sass/components/tags.sass similarity index 100% rename from gallery/static/sass/components/elements/tags.sass rename to gallery/static/sass/components/tags.sass diff --git a/gallery/static/sass/components/elements/upload-panel.sass b/gallery/static/sass/components/upload-panel.sass similarity index 100% rename from gallery/static/sass/components/elements/upload-panel.sass rename to gallery/static/sass/components/upload-panel.sass diff --git a/gallery/static/sass/style.sass b/gallery/static/sass/style.sass index 0d5fc4f..763b3ea 100644 --- a/gallery/static/sass/style.sass +++ b/gallery/static/sass/style.sass @@ -4,10 +4,10 @@ @import "variables" @import "animations" -@import "components/elements/notification" -@import "components/elements/pop-up" -@import "components/elements/upload-panel" -@import "components/elements/tags" +@import "components/notification" +@import "components/pop-up" +@import "components/upload-panel" +@import "components/tags" @import "components/navigation" @import "components/banner"