Re-design of login page.

2024-06-06 11:05:02 +02:00
parent e5076f0c64
commit 95d5308934
8 changed files with 221 additions and 12 deletions
--- a/frontend/src/app/pages/publication/publication.component.scss
+++ b/frontend/src/app/pages/publication/publication.component.scss
@@ -0,0 +1,66 @@
+$cardBorderRadius: .5em;
+
+:host {
+    display: flex;
+    justify-content: center;
+
+    .card {
+        display: flex;
+        flex-direction: column;
+        margin: 1em;
+        max-width: 80em;
+        border-radius: .5em;    
+        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+
+        img {
+            height: 25em;
+            object-fit: cover;
+            border-radius: $cardBorderRadius $cardBorderRadius 0 0;
+        }
+
+        header {
+            padding: 2em;
+
+            h1 {
+                font-size: 2em;
+                margin-bottom: .5em;
+            }
+
+            h2 {
+                font-size: 1.2em;
+                line-height: 1.6em;
+                margin: 0;
+                font-weight: 400;
+            }
+        }
+
+        main {
+            border-top: 1px solid #dddddd;
+            margin: 0 2em 2em 2em;
+            padding-top: 2em;
+        }
+
+        footer {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            background-color: #f0f0f0;
+            border-radius: 0 0 $cardBorderRadius $cardBorderRadius;
+            padding: 1em 2em;
+            gap: 1em;
+
+            img {
+                $imageSize: 4em;
+                border-radius: 10em;
+                width: $imageSize;
+                height: $imageSize;
+                object-fit: cover;
+            }
+
+            .publication-date {
+                font-style: italic;
+                color: #bdbdbd;
+            }
+        }
+    }
+}