style: change font

README.md

@@ -13,7 +13,7 @@
 - [Nitro server API routes](https://nuxt.com/docs/guide/concepts/server-engine#server-engine)
 - [GitHub API](https://docs.github.com/en/rest)
 - [Uno CSS](https://unocss.dev/)
-- [Vercel](http://vercel.com)
+- [Vercel](https://vercel.com)
 
 ## Setup
 

app/app.vue

@@ -3,6 +3,10 @@ useDark()
 </script>
 
 <template>
+  <div fixed left-0 top-0 h-full w-full class="-z-10">
+    <div class="absolute top-0 z-[-2] h-screen w-screen bg-[radial-gradient(100%_50%_at_50%_0%,rgba(0,163,255,0.13)_0,rgba(0,163,255,0)_50%,rgba(0,163,255,0)_100%)] bg-white" />
+  </div>
+
   <div class="min-h-[100svh] flex flex-col justify-stretch">
     <NuxtPage />
     <footer class="mt-auto p-2 text-center text-sm opacity-75 hover:opacity-100">

app/pages/index.vue

@@ -7,8 +7,8 @@ const { data = [] } = await useFetch<ReleaseInfo[]>('/api/releases')
 
 <template>
   <div flex="~ col gap-8" mxa max-w-180 p10 font-sans lt-sm="px6">
-    <div flex="~ col">
-      <h1 text-3xl flex="~ gap-2 wrap justify-center items-center font-cal tabular-nums ">
+    <div flex="~ col" font-cal>
+      <h1 flex="~ gap-2 wrap justify-center items-center" text-3xl font-600 tabular-nums>
         <a href="https://github.com/leon-fong" target="_blank" flex="~ items-center gap-2">
           <img src="https://github.com/leon-fong.png" mr1 w-12 rounded-full>
           Leon Fong
@@ -28,8 +28,8 @@ const { data = [] } = await useFetch<ReleaseInfo[]>('/api/releases')
         >
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="32"
-            height="32"
+            width="28"
+            height="28"
             viewBox="0 0 24 24"
           >
             <path

uno.config.ts

@@ -12,7 +12,7 @@ import {
 export default defineConfig({
   shortcuts: [
     ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
-    ['icon-btn', 'inline-flex items-center gap-2 bg-black text-white rounded py-2 px-3 cursor-pointer select-none transition duration-200 ease-in-out hover:opacity-100  hover:bg-black/80'],
+    ['icon-btn', 'inline-flex items-center gap-2 bg-black text-white rounded-md py-2 px-3 cursor-pointer select-none transition duration-200 ease-in-out hover:opacity-100  hover:bg-black/80 text-sm'],
   ],
   presets: [
     presetUno(),
@@ -26,6 +26,7 @@ export default defineConfig({
         sans: 'DM Sans',
         serif: 'DM Serif Display',
         mono: 'DM Mono',
+        cal: 'Inter',
       },
     }),
   ],