fix(desktop): adjust layout properties in DialogSelectServer component (#23589)
This commit is contained in:
@@ -504,7 +504,7 @@ export function DialogSelectServer() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog title={formTitle()}>
|
<Dialog title={formTitle()}>
|
||||||
<div class="flex flex-col gap-2">
|
<div class="flex flex-1 min-h-0 flex-col gap-2">
|
||||||
<Show
|
<Show
|
||||||
when={!isFormMode()}
|
when={!isFormMode()}
|
||||||
fallback={
|
fallback={
|
||||||
@@ -539,7 +539,7 @@ export function DialogSelectServer() {
|
|||||||
if (x) void select(x)
|
if (x) void select(x)
|
||||||
}}
|
}}
|
||||||
divider={true}
|
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) => {
|
{(i) => {
|
||||||
const key = ServerConnection.key(i)
|
const key = ServerConnection.key(i)
|
||||||
@@ -619,7 +619,7 @@ export function DialogSelectServer() {
|
|||||||
</List>
|
</List>
|
||||||
</Show>
|
</Show>
|
||||||
|
|
||||||
<div class="px-5 pb-5">
|
<div class="shrink-0 px-5 pb-5">
|
||||||
<Show
|
<Show
|
||||||
when={isFormMode()}
|
when={isFormMode()}
|
||||||
fallback={
|
fallback={
|
||||||
|
|||||||
Reference in New Issue
Block a user