fregat/web-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify manager section layouts

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-04 08:45:53 +07:00
parent 26b44f30bf
commit 60f8b863a2
5 changed files with 111 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
app/components/ui/SectionSearchHero.vue
View File

@@ -18,36 +18,40 @@ function updateValue(event: Event) {
<div class="space-y-5">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">{{ props.title }}</h1>
<label class="input input-bordered flex w-full items-center gap-3 rounded-full bg-white">
<svg
class="h-4 w-4 shrink-0 text-base-content/45"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.1667 14.1667L17.5 17.5"
stroke="currentColor"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
/>
<circle
cx="8.75"
cy="8.75"
r="5.83333"
stroke="currentColor"
stroke-width="1.6"
/>
</svg>
<input
:value="props.modelValue"
type="text"
class="grow"
:placeholder="props.searchPlaceholder"
@input="updateValue"
>
</label>
<div class="flex flex-col gap-3 md:flex-row md:items-center">
<label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
<svg
class="h-4 w-4 shrink-0 text-base-content/45"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.1667 14.1667L17.5 17.5"
stroke="currentColor"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
/>
<circle
cx="8.75"
cy="8.75"
r="5.83333"
stroke="currentColor"
stroke-width="1.6"
/>
</svg>
<input
:value="props.modelValue"
type="text"
class="grow"
:placeholder="props.searchPlaceholder"
@input="updateValue"
>
</label>
<slot name="controls" />
</div>
<slot />
</div>