Use PageTransition component on every route

- Scrolls back to top when mounting new page with a timeout of the delay
- Rename photo Viewer class
- Change Shop posters section text from p to label
This commit is contained in:
2021-12-07 21:58:17 +01:00
parent f15a2f2e47
commit 06db598b90
14 changed files with 79 additions and 66 deletions

View File

@@ -1,4 +1,4 @@
.viewer-photo {
.viewer {
position: relative;
height: 100vh;
display: flex;
@@ -424,7 +424,7 @@
// Close button
&__close {
position: fixed;
position: fixed !important;
z-index: 2;
top: 16px;
right: calc(16px + 44px + 12px);

View File

@@ -108,7 +108,8 @@
text-align: left;
}
p {
&__text {
display: block;
font-size: rem(18px);
color: $color-cream;
font-weight: 300;

View File

@@ -26,6 +26,7 @@
@import "pages/credits";
@import "pages/subscribe";
@import "pages/location";
@import "pages/viewer";
@import "pages/shop";
// Modules
@@ -70,9 +71,5 @@
// Layouts
@import "layouts/poster";
// Pages
@import "pages/viewer-photo";
// Misc
@import "animations";