Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-23 21:35:36 +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>
<A
class="tooltip tooltip-bottom rounded-full"
class="tooltip rounded-box tooltip-bottom"
href={href}
data-tip={tooltip}
>
@ -106,8 +106,8 @@ export const Header = () => {
}
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">
<div class="navbar-start">
<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 gap-4">
<div class="drawer w-auto lg:hidden">
<input id="navs" type="checkbox" class="drawer-toggle" />
@ -120,7 +120,7 @@ export const Header = () => {
<div class="drawer-side">
<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()}>
{({ href, name }) => (
<li>
@ -133,7 +133,7 @@ export const Header = () => {
</div>
<a
class="btn btn-ghost text-xl normal-case"
class="text-xl font-bold normal-case"
href="https://github.com/metacubex/metacubexd"
target="_blank"
>
@ -143,7 +143,7 @@ export const Header = () => {
<Show when={location.pathname !== '/setup'}>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<ul class="menu menu-horizontal gap-2">
<For each={navs()}>
{({ href, name, icon }) => (
<Nav href={href} tooltip={name}>

2
src/pages/Connections.tsx
View File

@ -210,7 +210,7 @@ export default () => {
<tr>
<For each={headerGroup.headers}>
{(header) => (
<th>
<th class="bg-base-200">
<div
class={twMerge(
'flex items-center justify-between',