DO NOT USE THIS VERSION
diff --git a/styles/card.module.css b/styles/card.module.css
index 883ddc7..220d865 100644
--- a/styles/card.module.css
+++ b/styles/card.module.css
@@ -1,7 +1,7 @@
.backgroundImage {
position: absolute;
- bottom: -1px;
- left: -1px;
+ bottom: -5px;
+ left: 0;
width: calc(100% + 5px);
height: auto;
scale: stretch;
@@ -10,6 +10,18 @@
transition: filter 0.3s ease-in-out;
}
+.backgroundGradient {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ scale: stretch;
+ border-radius: 0;
+ filter: var(--theme-ui-colors-cardFilter);
+ transition: filter 0.3s ease-in-out;
+}
+
.card {
border-radius: 17px;
width: 100%;
@@ -19,7 +31,6 @@
position: relative;
overflow: hidden;
margin: 100px;
- filter: var(--theme-ui-colors-cardFilter);
transition: filter 0.3s ease-in-out;
}
@@ -64,6 +75,7 @@
.image {
height: 50px;
width: 50px;
+ border-radius: 50vw;
}
.subtext {
diff --git a/styles/header.module.css b/styles/header.module.css
index 7353e3d..09a850a 100644
--- a/styles/header.module.css
+++ b/styles/header.module.css
@@ -7,13 +7,21 @@
filter: var(--theme-ui-colors-cardFilter);
transition: filter 0.3s ease-in-out;
}
+.backgroundGradient {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ filter: var(--theme-ui-colors-cardFilter);
+ transition: filter 0.3s ease-in-out;
+}
.header {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
- filter: var(--theme-ui-colors-cardFilter);
transition: filter 0.3s ease-in-out;
display: flex;
flex-direction: column;
diff --git a/styles/navbar.module.css b/styles/navbar.module.css
index 5ad34ec..a80f54e 100644
--- a/styles/navbar.module.css
+++ b/styles/navbar.module.css
@@ -12,6 +12,7 @@
width: 64px;
max-height: 64px;
+ padding-bottom: -1px;
height: auto;
border-radius: 32px;