mirror of
https://github.com/MetaCubeX/metacubexd.git
synced 2024-11-10 05:15:35 +08:00
feat: update header
This commit is contained in:
parent
b60c85566c
commit
7a32ec4fe3
@ -21,7 +21,7 @@ const Nav: ParentComponent<{ href: string; tooltip: string }> = ({
|
|||||||
}) => (
|
}) => (
|
||||||
<li>
|
<li>
|
||||||
<A
|
<A
|
||||||
class="tooltip tooltip-bottom rounded-full"
|
class="tooltip rounded-box tooltip-bottom"
|
||||||
href={href}
|
href={href}
|
||||||
data-tip={tooltip}
|
data-tip={tooltip}
|
||||||
>
|
>
|
||||||
@ -106,8 +106,8 @@ export const Header = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ul class="navbar rounded-box sticky inset-x-0 top-2 z-10 mx-2 mt-2 flex w-auto items-center justify-center bg-base-200 p-2 sm:gap-2">
|
<ul class="navbar rounded-box sticky inset-x-0 top-2 z-10 mx-2 mt-2 flex w-auto items-center justify-center bg-base-300 px-4">
|
||||||
<div class="navbar-start">
|
<div class="navbar-start gap-4">
|
||||||
<div class="drawer w-auto lg:hidden">
|
<div class="drawer w-auto lg:hidden">
|
||||||
<input id="navs" type="checkbox" class="drawer-toggle" />
|
<input id="navs" type="checkbox" class="drawer-toggle" />
|
||||||
|
|
||||||
@ -120,7 +120,7 @@ export const Header = () => {
|
|||||||
<div class="drawer-side">
|
<div class="drawer-side">
|
||||||
<label for="navs" class="drawer-overlay" />
|
<label for="navs" class="drawer-overlay" />
|
||||||
|
|
||||||
<ul class="menu rounded-box z-50 gap-2 bg-base-300 p-2 shadow">
|
<ul class="menu rounded-box z-50 min-h-full w-2/5 gap-2 bg-base-300 p-2 shadow">
|
||||||
<For each={navs()}>
|
<For each={navs()}>
|
||||||
{({ href, name }) => (
|
{({ href, name }) => (
|
||||||
<li>
|
<li>
|
||||||
@ -133,7 +133,7 @@ export const Header = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a
|
<a
|
||||||
class="btn btn-ghost text-xl normal-case"
|
class="text-xl font-bold normal-case"
|
||||||
href="https://github.com/metacubex/metacubexd"
|
href="https://github.com/metacubex/metacubexd"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
@ -143,7 +143,7 @@ export const Header = () => {
|
|||||||
|
|
||||||
<Show when={location.pathname !== '/setup'}>
|
<Show when={location.pathname !== '/setup'}>
|
||||||
<div class="navbar-center hidden lg:flex">
|
<div class="navbar-center hidden lg:flex">
|
||||||
<ul class="menu menu-horizontal px-1">
|
<ul class="menu menu-horizontal gap-2">
|
||||||
<For each={navs()}>
|
<For each={navs()}>
|
||||||
{({ href, name, icon }) => (
|
{({ href, name, icon }) => (
|
||||||
<Nav href={href} tooltip={name}>
|
<Nav href={href} tooltip={name}>
|
||||||
|
@ -210,7 +210,7 @@ export default () => {
|
|||||||
<tr>
|
<tr>
|
||||||
<For each={headerGroup.headers}>
|
<For each={headerGroup.headers}>
|
||||||
{(header) => (
|
{(header) => (
|
||||||
<th>
|
<th class="bg-base-200">
|
||||||
<div
|
<div
|
||||||
class={twMerge(
|
class={twMerge(
|
||||||
'flex items-center justify-between',
|
'flex items-center justify-between',
|
||||||
|
Loading…
Reference in New Issue
Block a user