fix(connection): limit the max width of client source ip select, closes #270

This commit is contained in:
kunish 2023-09-22 22:38:20 +08:00
parent 512accd425
commit ca1e3ce82c
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430

View File

@ -327,8 +327,8 @@ export default () => {
return ( return (
<div class="flex h-full flex-col gap-2"> <div class="flex h-full flex-col gap-2">
<div class="flex w-full flex-wrap items-center gap-2"> <div class="flex w-full flex-wrap items-center gap-2">
<div class="join items-center"> <div class="flex items-center gap-2">
<div class="tabs-boxed join-item tabs items-center gap-2 self-stretch"> <div class="tabs-boxed tabs gap-2">
<Index each={tabs()}> <Index each={tabs()}>
{(tab) => ( {(tab) => (
<button <button
@ -346,10 +346,10 @@ export default () => {
</div> </div>
<select <select
class="join-item select select-bordered select-primary" class="select select-bordered select-primary select-sm w-full max-w-full flex-1 sm:select-md"
onChange={(e) => setSourceIPFilter(e.target.value)} onChange={(e) => setSourceIPFilter(e.target.value)}
> >
<option value="">{t('all')}</option> <option>{t('all')}</option>
<Index <Index
each={uniq( each={uniq(
@ -367,7 +367,7 @@ export default () => {
</select> </select>
</div> </div>
<div class="join flex w-full items-center md:flex-1"> <div class="join flex flex-1 items-center md:flex-1">
<input <input
type="search" type="search"
class="input join-item input-primary input-sm min-w-0 flex-1 sm:input-md" class="input join-item input-primary input-sm min-w-0 flex-1 sm:input-md"