UI

letwebdev · Jun 18, 2024 · da08238 · da08238
1 parent 94fc718
commit da08238
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/src/components/ItemPost.vue b/src/components/ItemPost.vue
@@ -81,15 +81,18 @@ const displayingLink = computed(() => {
     </ul>
   </article>
   <v-divider
-    thickness="2px"
+    thickness="1px"
     class="mb-3px mt-2px"
   />
 </template>
 <style scoped lang="scss">
 h2 {
-  font-size: 110%;
+  font-size: 120%;
   text-decoration: none;
   transition: 0.4s;
+  @media (width >=2048px) {
+    font-size: 130%;
+  }
 }
 
 a,

diff --git a/src/views/HackerNewsView.vue b/src/views/HackerNewsView.vue
@@ -48,7 +48,7 @@ main {
   }
 }
 
-@media (width >= 2560px) {
+@media (width >= 2048px) {
   .hackerNewsView {
     display: flex;
     column-gap: 100px;
@@ -61,7 +61,7 @@ main {
 
   main {
     max-width: 1000px;
-    margin-left: 2%;
+    margin-left: 12%;
   }
 
   .chart {

diff --git a/uno.config.ts b/uno.config.ts
@@ -1,8 +1,8 @@
-import { defineConfig, presetUno, presetIcons } from "unocss"
+import { defineConfig, presetUno, presetIcons, presetWind } from "unocss"
 import transformerVariantGroup from "@unocss/transformer-variant-group"
 
 export default defineConfig({
-  presets: [presetUno(), presetIcons()],
+  presets: [presetUno(), presetWind({ important: ":not(.fakeClass)" }), presetIcons()],
   transformers: [transformerVariantGroup()],
   theme: {
     breakpoints: {