mirror of
https://codeberg.org/HPCesia/AstralHalo.git
synced 2025-04-11 18:04:27 +08:00
22 lines
716 B
Plaintext
22 lines
716 B
Plaintext
---
|
|
import I18nKey from '@i18n/I18nKey';
|
|
import { i18n } from '@i18n/translation';
|
|
import { Icon } from 'astro-icon/components';
|
|
import type { HTMLAttributes } from 'astro/types';
|
|
|
|
type Props = HTMLAttributes<'div'>;
|
|
|
|
const { class: className, ...rest } = Astro.props;
|
|
---
|
|
|
|
<div class:list={['w-full', className]} {...rest}>
|
|
<label class="input input-bordered flex w-full items-center gap-2">
|
|
<input type="text" class="grow" placeholder={i18n(I18nKey.search)} />
|
|
<Icon name="material-symbols:search-rounded" height="1.875rem" width="1.875rem" />
|
|
</label>
|
|
<div
|
|
class="search-result mt-4 flex h-fit max-h-[calc(60vh-8rem)] flex-col items-center gap-2 overflow-y-auto text-center"
|
|
>
|
|
</div>
|
|
</div>
|