Просмотр исходного кода

fix(desktop): adjust layout properties in DialogSelectServer component (#23589)

OpeOginni 4 месяцев назад
Родитель
Сommit
224548d87d
1 измененных файлов с 3 добавлено и 3 удалено
  1. 3 3
      packages/app/src/components/dialog-select-server.tsx

+ 3 - 3
packages/app/src/components/dialog-select-server.tsx

@@ -504,7 +504,7 @@ export function DialogSelectServer() {
 
   return (
     <Dialog title={formTitle()}>
-      <div class="flex flex-col gap-2">
+      <div class="flex flex-1 min-h-0 flex-col gap-2">
         <Show
           when={!isFormMode()}
           fallback={
@@ -539,7 +539,7 @@ export function DialogSelectServer() {
               if (x) void select(x)
             }}
             divider={true}
-            class="px-5 [&_[data-slot=list-search-wrapper]]:w-full [&_[data-slot=list-scroll]]h-[300px] [&_[data-slot=list-scroll]]:overflow-y-auto [&_[data-slot=list-items]]:bg-surface-base [&_[data-slot=list-items]]:rounded-md [&_[data-slot=list-item]]:min-h-14 [&_[data-slot=list-item]]:p-3 [&_[data-slot=list-item]]:!bg-transparent"
+            class="flex-1 min-h-0 px-5 [&_[data-slot=list-search-wrapper]]:w-full [&_[data-slot=list-scroll]]:flex-1 [&_[data-slot=list-scroll]]:overflow-y-auto [&_[data-slot=list-items]]:bg-surface-base [&_[data-slot=list-items]]:rounded-md [&_[data-slot=list-item]]:min-h-14 [&_[data-slot=list-item]]:p-3 [&_[data-slot=list-item]]:!bg-transparent"
           >
             {(i) => {
               const key = ServerConnection.key(i)
@@ -619,7 +619,7 @@ export function DialogSelectServer() {
           </List>
         </Show>
 
-        <div class="px-5 pb-5">
+        <div class="shrink-0 px-5 pb-5">
           <Show
             when={isFormMode()}
             fallback={