Add folders with password sharing and email invites

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-06 22:30:00 +03:00
parent a375ad330a
commit db2cef41bb
16 changed files with 1016 additions and 4 deletions
@@ -881,3 +881,88 @@ body {
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.3);
 }
+
+/* Folders */
+.folder-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+    gap: 20px;
+    margin-bottom: 32px;
+}
+
+.folder-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 24px;
+    transition: transform 0.2s, border-color 0.2s;
+}
+
+.folder-card:hover {
+    transform: translateY(-3px);
+    border-color: rgba(99, 102, 241, 0.35);
+}
+
+.folder-card--shared {
+    border-color: rgba(34, 197, 94, 0.2);
+}
+
+.folder-card__icon {
+    font-size: 2rem;
+    margin-bottom: 12px;
+}
+
+.folder-card__title {
+    font-size: 1.1rem;
+    margin-bottom: 8px;
+}
+
+.folder-card__meta {
+    color: var(--text-muted);
+    font-size: 0.85rem;
+    margin-bottom: 16px;
+}
+
+.folder-card__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.folder-create {
+    margin-bottom: 32px;
+}
+
+.folder-create__form {
+    max-width: 520px;
+}
+
+.folder-share-url {
+    word-break: break-all;
+    font-size: 0.85rem;
+    color: var(--accent-light);
+    margin-bottom: 16px;
+    padding: 12px;
+    background: rgba(0, 0, 0, 0.25);
+    border-radius: var(--radius-sm);
+}
+
+.folder-hint {
+    color: var(--text-muted);
+    font-size: 0.85rem;
+    margin-top: 12px;
+}
+
+.form-select {
+    padding: 12px 14px;
+    border-radius: var(--radius-sm);
+    border: 1px solid var(--border);
+    background: rgba(0, 0, 0, 0.3);
+    color: var(--text);
+    font-family: var(--font);
+    font-size: 0.95rem;
+}
+
+.admin-panel--danger {
+    border-color: rgba(239, 68, 68, 0.25);
+}