Merge pull request #5 from vishnurchityala/main

Added recently added
mavicompanion · May 18, 2024 · 35752d6 · 35752d6
2 parents dff6c79 + 8e53738
commit 35752d6
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -62,9 +62,21 @@ h5
 
 }
 
+.file-tile
+{
+    width:65%;
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+}
+
 @media (max-width: 500px) {
     .link-card {
       width: 100% !important; 
         margin-bottom: 1rem;
     }
+    .file-tile
+    {
+        width:100%;
+    }
   }
diff --git a/index.html b/index.html
@@ -82,7 +82,7 @@ <h6 class="mt-1 mb-0">Vishnu Chityala</h6>
                 </a>
                 <span class="ms-3">BU Notes</span>
             </div>
-            <div class="p-4">
+            <div class="p-4" style="overflow-y: scroll; height: 100%;">
                 <div class="d-flex justify-content-between">
                     <h5><span><i class="fa-solid fa-house me-3"></i></span>Home page</h5>
                 </div>
@@ -121,7 +121,7 @@ <h5>Quick Links</h5>
                   </div>
 
                   <h5>Suggested</h5>
-                  <div class="d-md-flex px-10 py-3" style="justify-content: space-between;">
+                  <div class="d-md-flex px-10 py-3 mb-3" style="justify-content: space-between;">
                     <div href="" class="px-3 pt-3 bg-slate link-card rounded">
                       <a href="" class="d-flex mb-3" style="justify-content: center;">
                         <!-- <i class="fa-solid fa-greater-than-equal mb-3 p-3 bg-red rounded" style="font-size: 32px; color: #ffff;"></i> -->
@@ -183,6 +183,32 @@ <h5>Suggested</h5>
                       </div>
                     </div>
                   </div>
+                  <h5>Recently Added</h5>
+                  <div class="mt-4">
+                    <div class="file-tile bg-slate px-4 pt-3 rounded mb-3">
+                      <div class="d-flex w-50 gap-4" style="align-items: baseline;">
+                        <i class="fa-regular fa-file-pdf" style="font-size:20px;color: rgb(255, 96, 96);"></i>
+                        <p>Tutorial-3</p>
+                        <p>EMAT-101-L</p>
+                      </div>
+                      <i class="fa-solid fa-ellipsis-vertical"></i>
+                    </div>
+                    <div class="file-tile bg-slate px-4 pt-3 rounded mb-3">
+                      <div class="d-flex w-50 gap-4" style="align-items: baseline;">
+                        <i class="fa-regular fa-file-pdf" style="font-size:20px;color: rgb(255, 96, 96);"></i>
+                        <p>Tutorial-3</p>
+                        <p>EMAT-101-L</p>
+                      </div>
+                      <i class="fa-solid fa-ellipsis-vertical"></i>
+                    </div>
+                    <div class="file-tile bg-slate px-4 pt-3 rounded mb-3">
+                      <div class="d-flex w-50 gap-4" style="align-items: baseline;">
+                        <i class="fa-regular fa-file-pdf" style="font-size:20px;color: rgb(255, 96, 96);"></i>
+                        <p>Tutorial-3</p>
+                        <p>EMAT-101-L</p>
+                      </div>
+                      <i class="fa-solid fa-ellipsis-vertical"></i>
+                    </div>
                 </div>
             </div>