feat: add image to create redirect view

M-Media-Group · Apr 27, 2024 · bcd4893 · bcd4893
1 parent 71e9e7d
commit bcd4893
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/assets/customTheme.css b/src/assets/customTheme.css
@@ -60,7 +60,7 @@ article:has(>:first-child:is(.images)) {
 }
 
 .hero-section {
-    padding-top: calc(var(--pico-block-spacing-vertical) * 2);
+    padding-top: calc(var(--pico-block-spacing-vertical) * 1);
     padding-bottom: calc(var(--pico-block-spacing-vertical) * 3);
 
     h1 {

diff --git a/src/assets/undraw_connection.svg b/src/assets/undraw_connection.svg
diff --git a/src/views/CreateRedirectView.vue b/src/views/CreateRedirectView.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import CreateRedirect from "@/forms/CreateRedirect.vue";
 import CardElement from "@/components/CardElement.vue";
+import image from "@/assets/undraw_connection.svg";
 </script>
 <template>
   <h1>{{ $t("New magic link") }}</h1>
-  <card-element>
-    <create-redirect></create-redirect>
-  </card-element>
+  <div class="two-column-grid">
+    <card-element>
+      <create-redirect></create-redirect>
+    </card-element>
+    <img :src="image" alt="A person holding a link" />
+  </div>
 </template>