From 6357c788b362505d377bf7810730efa43bdbedb8 Mon Sep 17 00:00:00 2001
From: xudan1234 <xudan1234@devide>
Date: Fri, 28 Jun 2024 14:23:46 +0800
Subject: [PATCH] Auto Commit

---
 src/App.vue                 | 22 ++++++++++------------
 src/assets/main.css         |  3 +--
 src/components/CreatVue.vue |  9 +++++----
 src/main.js                 |  2 +-
 4 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6cab9b8..a1b232b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,37 +13,35 @@ import CreatVue from './components/CreatVue.vue'
       <CreatVue msg="who is it ?"/>
     </div> -->
     <div class="xd">
-        <CreatVue msg="CreatVue"/>
+        <CreatVue msg="CreatVue" />
     </div>
   </header>
 
-  <main>
+  <!-- <main>
     <TheWelcome />
-  </main>
+  </main> -->
 </template>
 
 <style scoped>
 header {
-  line-height: 1.5;
+  line-height: 2;
+  text-align: center;
 }
 
 .xd{
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 1.5);
-
+    display: block;
 }
+
 .logo {
   display: block;
   margin: 0 auto 2rem;
 }
 
-
-
-@media (min-width: 1024px) {
+/* @media (min-width: 1024px) {
   header {
     display: flex;
     place-items: center;
+    text-align: center;
     padding-right: calc(var(--section-gap) / 2);
   }
 
@@ -56,5 +54,5 @@ header {
     place-items: flex-start;
     flex-wrap: wrap;
   }
-}
+} */
 </style>
diff --git a/src/assets/main.css b/src/assets/main.css
index c133f91..91517f7 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -3,8 +3,7 @@
 #app {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 2rem;
-
+  /* padding: 2rem; */
   font-weight: normal;
 }
 
diff --git a/src/components/CreatVue.vue b/src/components/CreatVue.vue
index 1e71a33..63d639f 100644
--- a/src/components/CreatVue.vue
+++ b/src/components/CreatVue.vue
@@ -18,10 +18,11 @@ const count = ref(0)
 </script>
 
 <template>
-    <h1>{{ msg }}</h1>
+    <!-- <h1>{{ msg }}</h1> -->
     <div id="app">
-    <button @click="count++" style="font-size: 20px;">
-        <span> count is: {{ count }} </span> 
-    </button>
+        <span><h1>{{ msg }}</h1></span>
+        <span>
+            <button @click="count++" style="font-size: 20px; border-radius: 6px;; border: 2px solid #008CBA; background-color: #4CAF50;">count is: {{ count }} </button>
+        </span>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 90e6400..db6a890 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-import './assets/main.css'
+// import './assets/main.css'
 
 createApp(App).mount('#app')
-- 
GitLab