From a042945f5d98b97208ac49a31734fa04cfcfdf35 Mon Sep 17 00:00:00 2001
From: Wind-Explorer <windexplorer@outlook.com>
Date: Thu, 27 Aug 2026 08:39:59 +0800
Subject: [PATCH] a bit of UI

---
 src/app.css                                       | 5 +++--
 src/routes/control-panel/+page.svelte             | 6 +++---
 src/routes/control-panel/add/friend/+page.svelte  | 7 -------
 src/routes/control-panel/add/network/+page.svelte | 8 --------
 4 files changed, 6 insertions(+), 20 deletions(-)

diff --git a/src/app.css b/src/app.css
index 6dd1581..b239fa2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -77,6 +77,7 @@
   background-color: transparent;
 }
 
-.pixelated {
-  image-rendering: pixelated;
+button,
+input {
+  @apply btn-sm;
 }
diff --git a/src/routes/control-panel/+page.svelte b/src/routes/control-panel/+page.svelte
index 48c157c..c7f2397 100644
--- a/src/routes/control-panel/+page.svelte
+++ b/src/routes/control-panel/+page.svelte
@@ -77,19 +77,19 @@
 <main
   class="flex h-full min-h-0 flex-col overflow-hidden bg-base-100 p-2 text-base-content"
 >
-  <div class="tabs tabs-lift min-h-0 flex-1">
+  <div class="tabs tabs-lift tabs-sm min-h-0 flex-1">
     {#each tabs as tab}
       <input
         id={`${tab.id}-tab`}
         type="radio"
         name="control_panel_tabs"
-        class="tab"
+        class="tab text-xs"
         aria-label={`${tab.label}${panelStates[tab.id].dirty ? " *" : ""}`}
         value={tab.id}
         bind:group={activeTab}
       />
       <div
-        class="tab-content h-[calc(100%-1.75rem)] w-full overflow-hidden border border-base-300 bg-base-100 p-3"
+        class="tab-content h-[calc(100%-1.3rem)] w-full overflow-hidden border border-base-300 bg-base-100 p-3"
         role="tabpanel"
         aria-labelledby={`${tab.id}-tab`}
       >
diff --git a/src/routes/control-panel/add/friend/+page.svelte b/src/routes/control-panel/add/friend/+page.svelte
index a41e932..be6be9a 100644
--- a/src/routes/control-panel/add/friend/+page.svelte
+++ b/src/routes/control-panel/add/friend/+page.svelte
@@ -44,13 +44,6 @@
   onsubmit={submit}
 >
   <div class="min-h-0 flex-1 space-y-2">
-    <div>
-      <h1 class="text-sm font-bold">Add a friend</h1>
-      <p class="text-xs text-base-content/65">
-        Enter the identity your friend shared with you.
-      </p>
-    </div>
-
     {#if error}<PanelMessage kind="error">{error}</PanelMessage>{/if}
 
     <fieldset class="fieldset border border-base-300 bg-base-100 p-3">
diff --git a/src/routes/control-panel/add/network/+page.svelte b/src/routes/control-panel/add/network/+page.svelte
index c37fef8..02ea6c1 100644
--- a/src/routes/control-panel/add/network/+page.svelte
+++ b/src/routes/control-panel/add/network/+page.svelte
@@ -60,13 +60,6 @@
   onsubmit={submit}
 >
   <div class="min-h-0 flex-1 space-y-2">
-    <div>
-      <h1 class="text-sm font-bold">Add a server</h1>
-      <p class="text-xs text-base-content/65">
-        Configure a remote server used to connect with friends.
-      </p>
-    </div>
-
     {#if error}<PanelMessage kind="error">{error}</PanelMessage>{/if}
 
     <fieldset class="fieldset border border-base-300 bg-base-100 p-3">
@@ -103,7 +96,6 @@
         inputmode="numeric"
         placeholder="Default"
       />
-      <p class="fieldset-label">Leave port blank to use the server default.</p>
     </fieldset>
   </div>