Merge pull request #62 from vladstudio/settings-window-size
style: window height, logo width, group title size
This commit is contained in:
commit
76b5fb4014
3 changed files with 9 additions and 9 deletions
|
|
@ -15,9 +15,9 @@
|
||||||
{
|
{
|
||||||
"title": "Handy",
|
"title": "Handy",
|
||||||
"width": 540,
|
"width": 540,
|
||||||
"height": 720,
|
"height": 700,
|
||||||
"minWidth": 540,
|
"minWidth": 540,
|
||||||
"minHeight": 720,
|
"minHeight": 700,
|
||||||
"resizable": true,
|
"resizable": true,
|
||||||
"maximizable": false
|
"maximizable": false
|
||||||
}
|
}
|
||||||
|
|
|
||||||
12
src/App.tsx
12
src/App.tsx
|
|
@ -1,11 +1,11 @@
|
||||||
|
import { invoke } from "@tauri-apps/api/core";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
import "./App.css";
|
import "./App.css";
|
||||||
import { Settings } from "./components/settings/Settings";
|
|
||||||
import HandyTextLogo from "./components/icons/HandyTextLogo";
|
|
||||||
import AccessibilityPermissions from "./components/AccessibilityPermissions";
|
import AccessibilityPermissions from "./components/AccessibilityPermissions";
|
||||||
import Footer from "./components/footer";
|
import Footer from "./components/footer";
|
||||||
|
import HandyTextLogo from "./components/icons/HandyTextLogo";
|
||||||
import Onboarding from "./components/onboarding";
|
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() {
|
function App() {
|
||||||
const [showOnboarding, setShowOnboarding] = useState<boolean | null>(null);
|
const [showOnboarding, setShowOnboarding] = useState<boolean | null>(null);
|
||||||
|
|
@ -34,7 +34,7 @@ function App() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen flex flex-col w-full">
|
<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">
|
<div className="flex flex-col items-center pt-6 gap-8 px-4 flex-1">
|
||||||
<HandyTextLogo width={300} />
|
<HandyTextLogo width={240} />
|
||||||
<Onboarding onModelSelected={handleModelSelected} />
|
<Onboarding onModelSelected={handleModelSelected} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -44,7 +44,7 @@ function App() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen flex flex-col w-full">
|
<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">
|
<div className="flex flex-col items-center pt-6 gap-8 px-4 flex-1">
|
||||||
<HandyTextLogo width={300} />
|
<HandyTextLogo width={240} />
|
||||||
<AccessibilityPermissions />
|
<AccessibilityPermissions />
|
||||||
<Settings />
|
<Settings />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ export const SettingsGroup: React.FC<SettingsGroupProps> = ({
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
{title && (
|
{title && (
|
||||||
<div className="px-4">
|
<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}
|
{title}
|
||||||
</h2>
|
</h2>
|
||||||
{description && (
|
{description && (
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue