fix: scale

slidevjs · Apr 12, 2021 · 6eb5c48 · 6eb5c48
1 parent 34d350d
commit 6eb5c48
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 12 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -9,7 +9,7 @@ useHead({
 })
 
 const apsect = 16 / 9
-const targetWidth = 1920
+const targetWidth = 1920 / 2.2
 const targetHeight = targetWidth / apsect
 
 const screen = reactive(useElementSize(document.body))

diff --git a/src/components/Monaco.vue b/src/components/Monaco.vue
@@ -33,7 +33,7 @@ const doubled = computed(() => counter.value * 2)
     default: '600px',
   },
   scale: {
-    default: '2',
+    default: '1',
   },
 })
 
@@ -87,3 +87,8 @@ watch(isDark, () => monaco.editor.setTheme(isDark.value ? 'vitesse-dark' : 'vite
 
 onUnmounted(() => editor.dispose())
 </script>
+<style>
+.monaco-editor .monaco-hover {
+  @apply rounded overflow-hidden shadow border-none outline-none;
+}
+</style>
diff --git a/src/components/Tweet.vue b/src/components/Tweet.vue
@@ -14,7 +14,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Transform :scale="scale || 1.2" class="tweet">
+  <Transform :scale="scale || 0.7" class="tweet">
     <blockquote class="twitter-tweet" :data-theme="isDark ? 'dark': 'light'">
       <slot>
         <a :href="url" />

diff --git a/src/layouts/cover.vue b/src/layouts/cover.vue
@@ -11,11 +11,11 @@
   @apply h-full flex;
 
   h1 {
-    @apply text-9xl leading-50;
+    @apply text-6xl leading-20;
   }
 
   h1 ~ p {
-    @apply opacity-40 mb-20 text-5xl;
+    @apply opacity-40 mb-10 text-2xl;
   }
 }
 </style>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
@@ -6,18 +6,18 @@
 
 <style>
 .master {
-  @apply px-30 py-12 text-5xl;
+  @apply px-14 py-6 text-[1.2rem];
 
   h1 {
-    @apply text-8xl leading-40 -ml-[0.05em];
+    @apply text-5xl leading-20 -ml-[0.05em];
   }
 
   h2 {
-    @apply text-6xl mt-4 mb-6 font-500 opacity-75;
+    @apply text-3xl mt-2 mb-4 font-500 opacity-75;
   }
 
   p ~ h2, ul ~ h2, table ~ h2 {
-    @apply mt-15;
+    @apply mt-10;
   }
 
   ul {
@@ -41,13 +41,13 @@
   }
 
   td, th {
-    @apply p-4 py-6;
+    @apply p-2 py-3;
   }
 }
 
 .master.default {
   h1 ~ p {
-    @apply mb-10 -mt-4;
+    @apply mb-5 -mt-2;
   }
 }
 </style>
diff --git a/src/styles/code.css b/src/styles/code.css
@@ -3,7 +3,7 @@
 
 :root {
   --prism-font-family: 'Fira Code', monospace;
-  --prism-font-size: 2rem;
+  --prism-font-size: 0.8rem;
   --prism-block-padding-x: 0;
   --prism-block-padding-y: 0;
 }