Merge pull request #40 from the-collab-lab/jm-manage-changes

glas effect and background change
the-collab-lab · Apr 7, 2024 · 152e7cd · 152e7cd
2 parents 0480b6c + c424b3c
commit 152e7cd
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/src/views/Home.css b/src/views/Home.css
@@ -1,10 +1,12 @@
 .home {
-	background: rgba(255, 255, 255, 0.24);
+	background: rgba(255, 255, 255, 0.2);
 	border-radius: 16px;
 	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-	backdrop-filter: blur(4.7px);
-	-webkit-backdrop-filter: blur(4.7px);
+	backdrop-filter: blur(5px);
+	-webkit-backdrop-filter: blur(5px);
 	border: 1px solid rgba(255, 255, 255, 0.3);
+	border: 1px solid rgba(255, 255, 255, 0.459);
+	padding: 30px;
 	@apply rounded-2xl shadow-2xl px-4 md:px-24 text-black mt-8;
 }
 #list {

diff --git a/src/views/Layout.css b/src/views/Layout.css
@@ -11,15 +11,12 @@
 	display: flex;
 	flex-direction: column;
 	height: 100dvh;
-	background-image: url('/img/Home-cover2.jpg') !important;
+	background: #ceedff !important;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
 }
 
-.Layout > * {
-}
-
 .Layout-header {
 	background-color: var(--color-bg);
 	text-align: center;

diff --git a/src/views/managelist.css b/src/views/managelist.css
@@ -2,6 +2,21 @@ input {
 	background-color: rgba(0, 110, 255, 0.247);
 }
 
+.manage-list {
+	background: rgba(255, 255, 255, 0.2);
+	border-radius: 16px;
+	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+	backdrop-filter: blur(5px);
+	-webkit-backdrop-filter: blur(5px);
+	border: 1px solid rgba(255, 255, 255, 0.3);
+	border: 1px solid rgba(255, 255, 255, 0.459);
+	padding: 30px;
+}
+
+#daysUntilNextPurchase {
+	width: 90px !important;
+}
+
 .add-item {
 	display: flex;
 	flex-direction: column;