Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-24 09:45:35 +08:00
Code Issues Projects Releases Wiki Activity

feat: update header

Browse Source
This commit is contained in:
kunish 2023-08-31 01:30:08 +08:00
parent b60c85566c
commit 7a32ec4fe3
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Header.tsx
View File

@ -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}>

2
src/pages/Connections.tsx
View File

@ -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',