custom logo styling on index page + adjustments to venue styling and leads

2024-05-10 20:11:04 +02:00
parent ce2de49295
commit d235d3548a
6 changed files with 49 additions and 6 deletions
--- a/web/src/components/venues/venueItem.module.scss
+++ b/web/src/components/venues/venueItem.module.scss
@@ -1,3 +1,32 @@
 .venueItem {
-    
+  position: relative;
+  list-style: none;
+}
+
+.image {
+  width: 100%;
+  padding-top: 60%;
+  background: var(--color-placeholder);
+  position: relative;
+
+  img {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
+.text {
+  padding: .8rem 0;
+}
+
+.title,
+.details {
+  font-size: 1.6rem;
+}
+
+.details {
+  font-family: var(--font-serif);
 }
--- a/web/src/components/venues/venueList.module.scss
+++ b/web/src/components/venues/venueList.module.scss
@@ -1,3 +1,7 @@
 .venueList {
-    
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-row);
+  padding-bottom: var(--spacing-section-bottom);
 }