feat: style preview titles

farscrl · Nov 9, 2023 · c099b2e · c099b2e
1 parent 67520eb
commit c099b2e
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/src/app/components/event-preview/event-preview.component.html b/src/app/components/event-preview/event-preview.component.html
@@ -1,13 +1,19 @@
 <div class="event-teasers" *ngIf="eventDto">
     <div>
         <div class="event-teaser-desktop">
-            Prevista event-teaser desktop
+            <div class="inline-description">
+                Prevista survista
+            </div>
             <app-event-card [event]="eventLookup"></app-event-card>
         </div>
     </div>
 </div>
 
+<hr>
+
 <div class="event-details" *ngIf="eventDto">
-    Prevista event-detail
+    <div class="inline-description">
+        Prevista pagina da detagl
+    </div>
     <app-event-details [event]="eventDto"></app-event-details>
 </div>
diff --git a/src/app/components/event-preview/event-preview.component.scss b/src/app/components/event-preview/event-preview.component.scss
@@ -23,3 +23,25 @@
     height: 1200px;
     padding-bottom: 50px;
 }
+
+hr {
+    border: 0;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    width: 100%;
+    height: 1px;
+    background: #BBBFC2;
+    opacity: unset;
+}
+
+.inline-description {
+    border-radius: 5px;
+    border: 1px solid #A9A9A9;
+    background: #F2F2F2;
+    display: inline-flex;
+    padding: 7px 14px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 2rem;
+}