style: window height, logo width, group title size

src-tauri/tauri.conf.json

@@ -30,7 +30,9 @@
     "active": true,
     "createUpdaterArtifacts": true,
     "targets": "all",
-    "resources": ["resources/**/*"],
+    "resources": [
+      "resources/**/*"
+    ],
     "license": "MIT",
     "icon": [
       "icons/32x32.png",
@@ -65,4 +67,4 @@
       ]
     }
   }
-}
+}

src/App.tsx

@@ -1,11 +1,11 @@
+import { invoke } from "@tauri-apps/api/core";
+import { useEffect, useState } from "react";
 import "./App.css";
-import { Settings } from "./components/settings/Settings";
-import HandyTextLogo from "./components/icons/HandyTextLogo";
 import AccessibilityPermissions from "./components/AccessibilityPermissions";
 import Footer from "./components/footer";
+import HandyTextLogo from "./components/icons/HandyTextLogo";
 import Onboarding from "./components/onboarding";
-import { useState, useEffect } from "react";
+import { Settings } from "./components/settings/Settings";
-import { invoke } from "@tauri-apps/api/core";
 
 function App() {
   const [showOnboarding, setShowOnboarding] = useState<boolean | null>(null);
@@ -34,7 +34,7 @@ function App() {
     return (
       <div className="min-h-screen flex flex-col w-full">
         <div className="flex flex-col items-center pt-6 gap-8 px-4 flex-1">
-          <HandyTextLogo width={300} />
+          <HandyTextLogo width={240} />
           <Onboarding onModelSelected={handleModelSelected} />
         </div>
       </div>
@@ -44,7 +44,7 @@ function App() {
   return (
     <div className="min-h-screen flex flex-col w-full">
       <div className="flex flex-col items-center pt-6 gap-8 px-4 flex-1">
-        <HandyTextLogo width={300} />
+        <HandyTextLogo width={240} />
         <AccessibilityPermissions />
         <Settings />
       </div>

src/components/ui/SettingsGroup.tsx

@@ -15,7 +15,7 @@ export const SettingsGroup: React.FC<SettingsGroupProps> = ({
     <div className="space-y-2">
       {title && (
         <div className="px-4">
-          <h2 className="text-sm font-medium text-mid-gray uppercase tracking-wide">
+          <h2 className="text-xs font-medium text-mid-gray uppercase tracking-wide">
             {title}
           </h2>
           {description && (