Refactor styles across components to utilize variable-based border-radius for consistency and improved maintainability. Added SkeletonUI component and corresponding styles for loading states.

2025-05-05 18:02:04 +05:30
parent f888c2798c
commit bdfe0900d1
30 changed files with 497 additions and 331 deletions
--- a/app/src/styles/pages/dashboard.scss
+++ b/app/src/styles/pages/dashboard.scss
@@ -144,7 +144,7 @@
    width: 100%;
    padding: 8px 16px;
    background: var(--primary-color);
-    border-radius: 10px;
+    border-radius: #{$border-radius-large};
    .project-details {
      .project-name {
        margin-bottom: 2px;
@@ -179,7 +179,7 @@
    height: 100%;
    width: 100%;
    object-fit: cover;
-    border-radius: 30px;
+    border-radius: #{$border-radius-xxx};
  }
  .hero-text {
    position: absolute;