client: wip alignment

Casuals4Fun · May 4, 2024 · ddb2a63 · ddb2a63
1 parent 49b8cd4
commit ddb2a63
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 17 deletions.
diff --git a/client/src/App.css b/client/src/App.css
@@ -83,8 +83,9 @@
     }
 
     #main {
-        padding: 10px;
-        padding-top: 70px;
+        padding: 0 10px;
+        padding-top: 75px;
+        padding-bottom: 15px;
         width: 100%;
     }
 

diff --git a/client/src/components/card/closed-debate-card.css b/client/src/components/card/closed-debate-card.css
@@ -46,7 +46,7 @@
 #closed-card .left p {
     overflow: hidden;
     display: -webkit-box;
-    -webkit-line-clamp: 3;
+    -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     padding-top: 10px;
     font-size: 16px;
@@ -100,7 +100,8 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
-    font-size: 14px;
+    font-size: 15px;
+    font-weight: 600;
     color: var(--card_color_secondary);
     cursor: pointer;
 }

diff --git a/client/src/components/card/open-debate-card.css b/client/src/components/card/open-debate-card.css
@@ -32,7 +32,7 @@
 #open-card .debate-body {
     overflow: hidden;
     display: -webkit-box;
-    -webkit-line-clamp: 3;
+    -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     padding-top: 10px;
     font-size: 16px;
@@ -101,10 +101,6 @@
     #open-card .debate-body {
         font-size: 15px;
     }
-
-    #open-card .debate-body {
-        -webkit-line-clamp: 5;
-    }
 }
 
 @media screen and (max-width: 480px) {

diff --git a/client/src/components/sidebar/profile.css b/client/src/components/sidebar/profile.css
@@ -1,13 +1,13 @@
 :root {
-    --text_primary: #0a0a0a;
-    --text_secondary: #AAAAAA;
-    --text_tertiary: #212122;
+    --shine_text_primary: #606060;
+    --shine_text_secondary: #000000;
+    --shine_text_tertiary: #606060;
 }
 
 [data-theme='dark'] {
-    --text_primary: #9f9f9f;
-    --text_secondary: #fff;
-    --text_tertiary: #868686;
+    --shine_text_primary: #9f9f9f;
+    --shine_text_secondary: #fff;
+    --shine_text_tertiary: #868686;
 }
 
 .profile__wrapper {
@@ -23,7 +23,7 @@
     align-items: center;
     justify-content: center;
     background-size: 200% 100%;
-    background: linear-gradient(to right, var(--text_primary) 0, var(--text_secondary) 10%, var(--text_tertiary) 20%);
+    background: linear-gradient(to right, var(--shine_text_primary) 0, var(--shine_text_secondary) 10%, var(--shine_text_tertiary) 20%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;

diff --git a/client/src/pages/home/style.css b/client/src/pages/home/style.css
@@ -7,6 +7,6 @@
 
 @media screen and (max-width: 480px) {
     #home {
-        gap: 10px;
+        gap: 15px;
     }
 }