From 192b03114047991e5d754235f293e94a26ccfab6 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Sat, 10 May 2025 11:24:46 +0200
Subject: [PATCH] add: new design (wip)

New design as WIP, swipe controls
---
 app/assets/styles/footer.css    | 2 +-
 app/assets/styles/header.css    | 3 ++-
 app/assets/styles/priceCard.css | 6 +++---
 app/assets/styles/toolbar.css   | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/assets/styles/footer.css b/app/assets/styles/footer.css
index ffc36d1..fe5018e 100644
--- a/app/assets/styles/footer.css
+++ b/app/assets/styles/footer.css
@@ -1,5 +1,5 @@
 .Footer {
-    background: var(--color-main-darkest);
+    background: var(--color-darkest);
     padding: 1rem;
 
     & h4 {
diff --git a/app/assets/styles/header.css b/app/assets/styles/header.css
index ac98542..a59130e 100755
--- a/app/assets/styles/header.css
+++ b/app/assets/styles/header.css
@@ -3,7 +3,8 @@
     align-items: center;
     justify-content: space-between;
     padding: var(--padding-default);
-    background-color: var(--color-lightest);
+    background-color: rgba(255 255 255 / .8);
+    backdrop-filter: blur(10px);
     box-shadow: var(--box-shadow-z2);
     color: var(--color-darkest);
     position: sticky;
diff --git a/app/assets/styles/priceCard.css b/app/assets/styles/priceCard.css
index 3d2b0e8..15b9119 100755
--- a/app/assets/styles/priceCard.css
+++ b/app/assets/styles/priceCard.css
@@ -71,7 +71,7 @@
 
             & > span:nth-child(1) {
                 font-weight: bold;
-                max-width: 150px;
+                max-width: 210px;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
@@ -80,7 +80,7 @@
             & > span:nth-child(2)::before {
                 content: '•';
                 margin-right: .5rem;
-                opacity: .5;
+                color: var(--color-middle);
             }
         }
 
@@ -105,7 +105,7 @@
                 & > .pro {
                     font-size: .6rem;
                     font-weight: bold;
-                    opacity: .7;
+                    color: var(--color-middle);
                 }
             }
         }
diff --git a/app/assets/styles/toolbar.css b/app/assets/styles/toolbar.css
index b146001..4e0146d 100755
--- a/app/assets/styles/toolbar.css
+++ b/app/assets/styles/toolbar.css
@@ -1,7 +1,7 @@
 .Toolbar {
     display: flex;
     justify-content: space-evenly;
-    background: var(--color-gradient-main-dark);
+    background: var(--color-main-darkest);
     position: sticky;
     bottom: 0;
     box-shadow: var(--box-shadow-upper);