Frontend: Show notifications at the bottom on mobile

Signed-off-by: Michael Mayer <michael@liquidbytes.net>

frontend/src/component/p-notify.vue

@@ -5,8 +5,8 @@
             :color="color"
             :timeout="0"
             :class="textColor"
-            top
-            right
+            :top="$vuetify.breakpoint.smAndUp"
+            :right="$vuetify.breakpoint.smAndUp"
     >
         {{ text }}
         <v-btn

frontend/src/css/app.css

@@ -215,10 +215,18 @@ table.v-table tfoot td div.v-input__slot {
     opacity: 0.8 !important;
 }
 
+#photoprism .opacity-85 {
+    opacity: 0.85 !important;
+}
+
 #photoprism .opacity-90 {
     opacity: 0.9 !important;
 }
 
+#photoprism .opacity-95 {
+    opacity: 0.95 !important;
+}
+
 #photoprism .opacity-100 {
     opacity: 1 !important;
 }

frontend/src/resources/themes.json

@@ -145,7 +145,7 @@
     "secondary": "#A8A8A8",
     "secondary-light": "#cdccca",
     "accent": "#656565",
-    "error": "#FF76DC",
+    "error": "#E57373",
     "info": "#5A94DD",
     "success": "#4DB6AC",
     "warning": "#E3D181",