fix: btn size for mobile

vAHiD55555 · Sep 7, 2023 · f729761 · f729761
1 parent 0512664
commit f729761
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/pages/Connections.tsx b/src/pages/Connections.tsx
@@ -326,26 +326,26 @@ export default () => {
 
       <div class="flex w-full flex-wrap items-center gap-2">
         <input
-          class="input input-primary flex-1"
+          class="input input-primary input-sm flex-1"
           placeholder={t('search')}
           onInput={(e) => setSearch(e.target.value)}
         />
 
         <Button
-          class="btn-circle"
+          class="btn-circle btn-sm"
           onClick={() => setPaused((paused) => !paused)}
         >
           {paused() ? <IconPlayerPlay /> : <IconPlayerPause />}
         </Button>
 
         <Button
-          class="btn-circle"
+          class="btn-circle btn-sm"
           onClick={() => request.delete('connections')}
         >
           <IconCircleX />
         </Button>
 
-        <label for="connection-modal" class="btn btn-circle">
+        <label for="connection-modal" class="btn btn-circle btn-sm">
           <IconSettings />
         </label>
 

diff --git a/src/pages/Proxies.tsx b/src/pages/Proxies.tsx
@@ -98,13 +98,13 @@ export default () => {
   return (
     <div class="flex h-full flex-col gap-2">
       <div class="flex items-center justify-between gap-2">
-        <div class="tabs-boxed tabs gap-2">
+        <div class="tabs tabs-boxed gap-2">
           <For each={tabs()}>
             {(tab) => (
               <button
                 class={twMerge(
                   activeTab() === tab.type && 'tab-active',
-                  'tab gap-2',
+                  'tab gap-2 px-2',
                 )}
                 onClick={() => setActiveTab(tab.type)}
               >
@@ -116,7 +116,7 @@ export default () => {
         </div>
 
         <Button
-          class="btn btn-circle"
+          class="btn btn-circle btn-sm"
           disabled={isAllProviderUpdating()}
           onClick={(e) => onUpdateAllProviderClick(e)}
         >