From a867817dc13200152a479a0e6f74160e5ebe5eb9 Mon Sep 17 00:00:00 2001 From: DebaucheryLibrarian Date: Sun, 31 Oct 2021 01:00:12 +0200 Subject: [PATCH] Improved scene tile scaling. --- assets/components/releases/releases.vue | 19 +++++++++++++++++++ assets/components/releases/scene-tile.vue | 12 +++++++----- assets/components/releases/tile-details.vue | 5 ----- 3 files changed, 26 insertions(+), 10 deletions(-) diff --git a/assets/components/releases/releases.vue b/assets/components/releases/releases.vue index eb31b89c..ba1983d6 100644 --- a/assets/components/releases/releases.vue +++ b/assets/components/releases/releases.vue @@ -126,10 +126,29 @@ export default { font-weight: bold; } +@media(max-width: $breakpoint-mega) { + .tiles { + grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); + } +} + @media(max-width: $breakpoint-kilo) { .tiles { + grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr)); grid-gap: .5rem; padding: .5rem; } } + +@media(max-width: $breakpoint) { + .tiles { + grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); + } +} + +@media(max-width: $breakpoint-micro) { + .tiles { + grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); + } +} diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue index 71e4304b..b0c11de5 100644 --- a/assets/components/releases/scene-tile.vue +++ b/assets/components/releases/scene-tile.vue @@ -233,7 +233,6 @@ export default { height: 100%; box-shadow: 0 0 3px var(--darken-weak); - /* &.new .poster::after { content: 'new'; position: absolute; @@ -253,7 +252,6 @@ export default { line-height: 1; box-shadow: 0 0 3px var(--shadow); } - */ &:hover .unstashed, &:hover .unstash { @@ -435,7 +433,13 @@ export default { display: none; } -@media(max-width: $breakpoint-kilo) { +@media(max-width: $breakpoint) { + .thumbnail { + height: 11rem; + } +} + +@media(max-width: $breakpoint-micro) { .tile-body { flex-direction: row; } @@ -480,7 +484,6 @@ export default { display: none; } - /* .tile.new .poster::after { top: 0; right: .25rem; @@ -488,7 +491,6 @@ export default { border-radius: 0 0 .25rem .25rem; padding: .05rem 0 .1rem 0; } - */ .stash { left: 0; diff --git a/assets/components/releases/tile-details.vue b/assets/components/releases/tile-details.vue index 6ce1f2cc..15c84eaf 100644 --- a/assets/components/releases/tile-details.vue +++ b/assets/components/releases/tile-details.vue @@ -99,11 +99,6 @@ export default { box-sizing: border-box; padding: .4rem .5rem; } - - &.new .date::before { - content: '★'; - margin: 0 .5rem 0 0; - } } .site,