Home has its own components and grid system

2025-12-09 17:26:35 +00:00
parent 36a769072d
commit 529fa9d585
10 changed files with 267 additions and 67 deletions
--- a/nginx/vue/src/components/home/Intro.vue
+++ b/nginx/vue/src/components/home/Intro.vue
@@ -0,0 +1,26 @@
+<template>
+    <div class="fill flex-row">
+        <img src="/img/epic.jpeg" class="img" />
+        <div class="div">
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+img {
+    width: 100%;
+    height: 100%;
+}
+
+.img {
+    flex: 3;
+}
+
+.div {
+    flex: 7;
+}
+</style>