Refactor activity and contact component styles: replace hardcoded bor…

…der-radius with CSS variables for consistency
upayanmazumder · Nov 28, 2024 · 553b548 · 553b548
1 parent dae03b3
commit 553b548
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/src/components/activity/activity.module.css b/app/src/components/activity/activity.module.css
@@ -16,7 +16,7 @@
 
 .activityCard {
   background-color: #1f1f2b;
-  border-radius: 12px;
+  border-radius: var(--border-radius-large);
   padding: 1em;
   width: fit-content;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

diff --git a/app/src/components/contact/contact.module.css b/app/src/components/contact/contact.module.css
@@ -48,18 +48,20 @@
     width: 100%;
     padding: 10px;
     border: 1px solid #3535357d;
-    border-radius: var(--border-radius-small) var(--border-radius-small) 0 var(--border-radius-small);
+    border-radius: var(--border-radius-small);
     background-color: #393939;
     color: #e0e0e0;
     transition: border-color 0.3s ease;
+    margin-top: 10px;
 }
 
 .container textarea {
     margin-top: 15px;
     max-width: 90%;
     max-height: 60px;
-    min-width: 90%;
+    min-width: 100%;
     min-height: min-content !important;
+    border-radius: var(--border-radius-small) var(--border-radius-small) 0 var(--border-radius-small);
 }
 
 .container input:focus,