fix: removed default styles from vue init, now tailwind-only

ActivityWatch · Nov 14, 2023 · dd539f2 · dd539f2
1 parent c340b6e
commit dd539f2
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 123 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -4,7 +4,7 @@ import MenuBar from "./components/MenuBar.vue";
 </script>
 
 <template>
-  <div class="container mx-auto">
+  <div class="container max-w-5xl mx-auto">
     <header class="text-center p-4">
       <h1 class="text-2xl font-bold">ActivityWatch</h1>
       <MenuBar />

diff --git a/src/assets/base.css b/src/assets/base.css
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1,39 +1,3 @@
-@import "./base.css";
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-}