Fix new styling errors

Fix error page
Update Notification styling

gallery/themes/default/components/elements/notification.sass

@@ -33,7 +33,7 @@
 
     position: relative
 
-    background-color: RGB($bg-100)
+    background-color: RGB($bg-300)
     border-radius: $rad-inner
     color: RGB($fg-white)
     opacity: 0
@@ -44,6 +44,28 @@
 
     transition: all 0.25s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s cubic-bezier(.68,-0.55,.27,1.55)
 
+    &.success
+        @include notification($success)
+    &.warning
+        @include notification($warning)
+    &.critical
+        @include notification($critical)
+    &.info
+        @include notification($info)
+
+    &.show
+        opacity: 1
+        transform: scale(1)
+
+    &.hide
+        margin: 0
+        max-height: 0
+
+        opacity: 0
+        transform: translateX(100%)
+
+        transition: all 0.4s ease-in-out, max-height 0.2s ease-in-out
+
 .sniffle__notification-icon
     margin: 0
     padding: 1rem
@@ -93,34 +115,17 @@
 
     animation: notificationTimeout 5.1s linear
 
-@each $name, $colour in (success: $success, error: $critical, warning: $warning, info: $info)
-    .sniffle__notification--#{$name}
-        @include notification($colour)
-
-.sniffle__notification-show
-    opacity: 1
-    transform: scale(1)
-
-.sniffle__notification--hide
-    margin: 0
-    max-height: 0
-
-    opacity: 0
-    transform: translateX(100%)
-
-    transition: all 0.4s ease-in-out, max-height 0.2s ease-in-out
-
 @media (max-width: $breakpoint)
     .notifications
         width: calc(100vw - 0.6rem)
         height: auto
 
+        &.hide
+            opacity: 0
+            transform: translateY(-5rem)
+
     .sniffle__notification
         width: 100%
     
     .sniffle__notification-time
         width: 100%
-
-    .sniffle__notification--hide
-        opacity: 0
-        transform: translateY(-5rem)

gallery/themes/default/components/elements/upload-panel.sass

@@ -18,7 +18,7 @@
         margin: 0
         padding: 0
 
-        font-size: 1.75rem
+        font-size: 1.5rem
         font-weight: 700
 
         color: RGB($primary)
@@ -183,13 +183,14 @@
     .upload-panel
         width: 100%
         height: calc(100vh - 3.5rem)
+        height: calc(100dvh - 3.5rem)
 
         left: 0
         bottom: 3.5rem
 
         .container
             width: 100%
-            height: calc(100% - 10rem)
+            height: 95%
             
             left: 0
             bottom: calc(-100vh + 3.5rem)