style(ui): improve window dragging and provider card styles

This commit is contained in:
YoVinchen
2025-11-21 11:44:33 +08:00
parent f1b0fa2985
commit 988ea326d9
3 changed files with 18 additions and 15 deletions

View File

@@ -346,9 +346,13 @@ function App() {
<div className="h-4 w-full" aria-hidden data-tauri-drag-region />
<div
className="flex flex-wrap items-center justify-between gap-2"
style={{ WebkitAppRegion: "no-drag" } as any}
data-tauri-drag-region
style={{ WebkitAppRegion: "drag" } as any}
>
<div className="flex items-center gap-1">
<div
className="flex items-center gap-1"
style={{ WebkitAppRegion: "no-drag" } as any}
>
{currentView !== "providers" ? (
<div className="flex items-center gap-2">
<Button
@@ -393,7 +397,10 @@ function App() {
)}
</div>
<div className="flex items-center gap-2">
<div
className="flex items-center gap-2"
style={{ WebkitAppRegion: "no-drag" } as any}
>
{currentView === "prompts" && (
<Button
size="icon"
@@ -499,9 +506,8 @@ function App() {
</header>
<main
className={`flex-1 overflow-y-auto pb-12 px-6 animate-fade-in scroll-overlay ${
currentView === "providers" ? "pt-24" : "pt-20"
}`}
className={`flex-1 overflow-y-auto pb-12 px-6 animate-fade-in scroll-overlay ${currentView === "providers" ? "pt-24" : "pt-20"
}`}
style={{ overflowX: "hidden" }}
>
{renderContent()}
@@ -544,8 +550,8 @@ function App() {
message={
confirmDelete
? t("confirm.deleteProviderMessage", {
name: confirmDelete.name,
})
name: confirmDelete.name,
})
: ""
}
onConfirm={() => void handleConfirmDelete()}