Update Angular files from source repository

WebArtWork · Jan 25, 2025 · 285c4f4 · 285c4f4
1 parent 177c8a2
commit 285c4f4
Show file tree

Hide file tree

Showing 3 changed files with 79 additions and 2 deletions.
diff --git a/src/app/pages/guest/document/document.component.html b/src/app/pages/guest/document/document.component.html
@@ -1 +1,39 @@
-<p>Page Document is connected</p>
+<div class="documents-wrapper">
+    <div class="documents-container">
+        <div class="documents-list">
+            <div class="documents-main">
+                <div class="documents-main-content">
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                    <div class="documents-main-row">
+
+                    </div>
+                </div>
+            </div>
+            <div class="documents-sidebar">
+                <div class="documents-sidebar-content">
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/app/pages/guest/document/document.component.scss b/src/app/pages/guest/document/document.component.scss
@@ -0,0 +1,39 @@
+.documents{
+    &-wrapper{
+        overflow: scroll;
+        height: 100vh;
+    }
+    &-container{
+        max-width: 1260px;
+        width: 100%;
+        margin: 0 auto;
+        height: 100%;
+        padding: 0 15px;
+    }
+    &-list{
+        display: flex;
+        flex-flow: row wrap;
+    }
+    &-main{
+        flex: 1 0;
+        &-content{
+            padding: 15px;
+        }
+        &-row{
+            height: 100px;
+            background: greenyellow;
+            margin-bottom: 20px;
+        }
+    }
+    &-sidebar{
+        flex: 0 0 280px;
+        max-width: 280px;
+        background: red;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+        &-content{
+            padding: 15px;
+        }
+    }
+}
diff --git a/src/app/pages/guest/sign/sign.component.html b/src/app/pages/guest/sign/sign.component.html
@@ -10,7 +10,7 @@
 			<div class="auth">
 				<span
 					(click)="us.setMode('dark')"
-					class="material-icons"
+					class="material-icons auth__icon"
 					*ngIf="!us.mode"
 				>
 					dark_mode