Starting out on page redesign

BristolSTA · Mar 18, 2024 · e5c33a9 · e5c33a9
1 parent 0751313
commit e5c33a9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/pages/society/[slug]/index.vue b/pages/society/[slug]/index.vue
@@ -12,7 +12,7 @@
       }"
     />
     <div>
-      <h1 class="container pt-8 text-left text-h1">
+      <h1 class="container py-6 text-left text-h1">
         {{ society.name }}
       </h1>
     </div>

diff --git a/pages/venue/[slug]/index.vue b/pages/venue/[slug]/index.vue
@@ -1,8 +1,16 @@
 <template>
   <div class="h-full text-white bg-sta-gray">
     <Head>
-      <Title>{{ venue.name }}</Title>
+      <Title>{{ venue?.name ?? 'Loading...' }}</Title>
     </Head>
+    <div
+      v-if="banner"
+      ref="banner"
+      class="min-h-25vh 2xl:min-h-40vh bg-cover bg-center"
+      :style="{
+        'background-image': banner
+      }"
+    />
     <h1 class="container py-6 text-left text-h1">
       {{ venue.name }}
     </h1>
@@ -138,6 +146,9 @@ export default defineNuxtComponent({
     }
   },
   computed: {
+    banner() {
+      return this.venue?.image?.url ? `url("${this.venue.image.url}")` : null;
+    },
     googleMapsLink() {
       if (!this.venue.address) return '';
       const address = this.venue.address;
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ @@
           }"
         />
         <div>
-          <h1 class="container pt-8 text-left text-h1">
+          <h1 class="container py-6 text-left text-h1">
             {{ society.name }}
           </h1>
         </div>
@@ Expand Down @@