Styling publications on home page.

2024-06-04 13:55:26 +02:00
parent 58295398e0
commit d3041cf03d
9 changed files with 154 additions and 7 deletions
--- a/frontend/src/app/pages/home/home.component.scss
+++ b/frontend/src/app/pages/home/home.component.scss
@@ -3,4 +3,46 @@
    flex-direction: column;
    justify-content: center;
    align-items: center;
+
+    .publication-container {
+        display: flex;
+        flex-direction: column;
+        gap: 2em;
+        max-width: 40em;
+        margin: auto;
+
+        .publication {
+            display: flex;
+            flex-direction: column;
+            border-radius: .5em;
+            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+
+            img {
+                object-fit: cover;
+                height: 25em;
+                border-radius: .5em .5em 0 0;
+            }
+            
+            h1 {
+                font-size: 2.4em;
+            }
+
+            h2 {
+                font-size: 1.6em;
+            }
+
+            .footer {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+
+                img {
+                    border-radius: 10em;
+                    width: 5em;
+                    height: 5em;
+                    object-fit: cover;
+                }
+            }
+        }
+    }
 }