feat: reoede web to tailwindcss

web/src/assets/base.css

@@ -1,33 +0,0 @@
-a {
-  text-decoration: none;
-}
-
-/* #main-container {
-  display: block;
-  margin-left: 0px;
-  padding: 0;
-} */
-
-.main-center-body {
-  font-family: Arial, sans-serif;
-  margin: 0 0 0 0;
-  padding: 0;
-  background-color: #f5f5f5;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  /* flex: 1;  */
-}
-
-.container {
-  background-color: white;
-  padding: 20px;
-  border-radius: 8px;
-  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-  max-width: 400px;
-  width: 100%;
-  /* margin-top: -10vh; */
-  /* flex: 1;  */
-
-}

web/src/assets/center_button_textarea.css

@@ -1,26 +0,0 @@
-textarea {
-    width: 99%;
-    padding: 2px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    resize: vertical;
-  }
-  
-  button {
-    width: 46%;
-    padding: 10px;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    margin-top: 3%;
-    margin-left: 1%;
-    margin-right: 1%;
-  }
-  
-  @media (max-width: 768px) {
-    .container {
-      max-width: 90%;
-    }
-  }

web/src/assets/main.css

@@ -1 +0,0 @@
-@import './base.css';

web/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>