first commit

2025-03-25 11:47:41 +05:30
commit 61b3c4ee2c
211 changed files with 36430 additions and 0 deletions
--- a/app/src/styles/layout/popup.scss
+++ b/app/src/styles/layout/popup.scss
@@ -0,0 +1,112 @@
+@use "../abstracts/variables" as *;
+@use "../abstracts/mixins" as *;
+
+.collaboration-popup-wrapper {
+  height: 100vh;
+  width: 100vw;
+  background: var(--background-color-secondary);
+  backdrop-filter: blur(2px);
+  @include flex-center;
+  .collaboration-popup-container {
+    max-width: 50vw;
+    width: 460px;
+    background-color: var(--background-color);
+    border-radius: #{$border-radius-large};
+    .split {
+      width: 100%;
+      height: 1px;
+      background: var(--highlight-accent-color);
+    }
+    .header {
+      @include flex-space-between;
+      padding: 12px;
+      border-bottom: 1px solid var(--border-color);
+      .content {
+        @include flex-center;
+        .copy-link-button {
+          font-size: var(--font-size-small);
+          &:hover {
+            color: var(--accent-color);
+            text-decoration: underline;
+          }
+        }
+        .close-button {
+          @include flex-center;
+          height: 20px;
+          width: 20px;
+          border-radius: #{$border-radius-small};
+          &:hover {
+            background: var(--background-color-secondary);
+          }
+          svg {
+            scale: 1.5;
+          }
+        }
+      }
+    }
+    .invite-input-container {
+      padding: 12px;
+    }
+    .access-and-user-control-container {
+      padding: 12px;
+      .user-header {
+        margin-bottom: 12px;
+      }
+      .general-access-container,
+      .users-list-container {
+        .user-list-container,
+        .team-container,
+        .you-container {
+          @include flex-space-between;
+          padding: 8px 12px;
+          .user-details {
+            @include flex-center;
+            gap: 8px;
+            .profile-image {
+              height: 24px;
+              width: 24px;
+              line-height: 24px;
+              text-align: center;
+              border-radius: #{$border-radius-circle};
+              overflow: hidden;
+              color: var(--primary-color);
+              img {
+                height: 100%;
+                width: 100%;
+                object-fit: cover;
+              }
+              .no-profile-container {
+                font-size: var(--font-size-small);
+                color: inherit;
+              }
+            }
+            .user-name {
+              font-size: var(--font-size-regulaar);
+            }
+          }
+          .project-name,
+          .your-name {
+            color: var(--accent-color);
+          }
+          .number-of-peoples-have-access {
+            padding: 4px 12px;
+            border-radius: #{$border-radius-small};
+          }
+          .indicater {
+            padding: 2px 12px;
+            line-height: 22px;
+            border-radius: #{$border-radius-extra-large};
+            background: var(--highlight-accent-color);
+            color: var(--accent-color);
+            outline: 1px dashed var(--accent-color);
+            outline-offset: -1px;
+          }
+        }
+        .team-container,
+        .you-container {
+          border-top: 1px solid var(--border-color);
+        }
+      }
+    }
+  }
+}