fix(app): update add server button and row styling

This commit is contained in:
David Hill
2026-01-24 20:57:41 +00:00
parent 02aea77e92
commit a5c08bc4f8

View File

@@ -53,7 +53,7 @@ async function checkHealth(url: string, platform: ReturnType<typeof usePlatform>
function AddRow(props: AddRowProps) { function AddRow(props: AddRowProps) {
return ( return (
<div class="flex items-center px-3 h-14 min-w-0 flex-1"> <div class="flex items-center px-4 h-14 min-w-0 flex-1">
<div class="relative flex-1 min-w-0"> <div class="relative flex-1 min-w-0">
<div <div
classList={{ classList={{
@@ -357,7 +357,7 @@ export function DialogSelectServer() {
if (x) select(x) if (x) select(x)
}} }}
divider={true} divider={true}
class="px-5 [&_[data-slot=list-search-wrapper]]:w-full [&_[data-slot=list-scroll]]:max-h-[300px] [&_[data-slot=list-scroll]]:overflow-y-auto [&_[data-slot=list-items]]:bg-surface-raised-base [&_[data-slot=list-items]]:rounded-md [&_[data-slot=list-item]]:h-14 [&_[data-slot=list-item]]:p-3" class="px-5 [&_[data-slot=list-search-wrapper]]:w-full [&_[data-slot=list-scroll]]:max-h-[300px] [&_[data-slot=list-scroll]]:overflow-y-auto [&_[data-slot=list-items]]:bg-surface-raised-base [&_[data-slot=list-items]]:rounded-md [&_[data-slot=list-item]]:h-14 [&_[data-slot=list-item]]:p-3 [&_[data-slot=list-item-add]]:px-0"
add={ add={
store.addServer.showForm store.addServer.showForm
? { ? {
@@ -555,7 +555,7 @@ export function DialogSelectServer() {
setStore("addServer", { showForm: true, url: "", error: "" }) setStore("addServer", { showForm: true, url: "", error: "" })
scrollListToBottom() scrollListToBottom()
}} }}
class="px-3 py-4" class="py-1.5 pl-1.5 pr-3 flex items-center gap-1.5"
> >
{store.addServer.adding ? language.t("dialog.server.add.checking") : language.t("dialog.server.add.button")} {store.addServer.adding ? language.t("dialog.server.add.checking") : language.t("dialog.server.add.button")}
</Button> </Button>