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

feat: hide scrollbar, update overlay menu

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

2
src/App.tsx
View File

@ -27,7 +27,7 @@ export const App = () => {
> >
<Header /> <Header />
<div class="flex-1 overflow-y-auto p-4"> <div class="flex-1 overflow-y-auto overflow-x-hidden p-2 sm:p-4">
<Routes> <Routes>
<Show when={selectedEndpoint()}> <Show when={selectedEndpoint()}>
<Route path="/overview" component={Overview} /> <Route path="/overview" component={Overview} />

2
src/components/Collpase.tsx
View File

@ -19,7 +19,7 @@ const Collapse: ParentComponent<Props> = (props) => {
const getCollapseContentClassName = () => { const getCollapseContentClassName = () => {
const openedClassName = 'opacity-100' const openedClassName = 'opacity-100'
const closedClassName = 'opacity-0 scale-y-0' const closedClassName = 'opacity-0'
return props.isOpen ? openedClassName : closedClassName return props.isOpen ? openedClassName : closedClassName
} }

4
src/components/Header.tsx
View File

@ -46,7 +46,7 @@ const ThemeSwitcher = () => (
<div class="drawer-side"> <div class="drawer-side">
<label for="themes" class="drawer-overlay" /> <label for="themes" class="drawer-overlay" />
<ul class="menu rounded-box z-50 gap-2 bg-base-300 p-2 shadow"> <ul class="menu rounded-box gap-2 bg-base-300 p-2 shadow">
<For each={themes}> <For each={themes}>
{(theme) => ( {(theme) => (
<li <li
@ -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 min-h-full w-2/5 gap-2 bg-base-300 p-2 shadow"> <ul class="menu rounded-box min-h-full w-2/5 gap-2 bg-base-300 pt-20 shadow">
<For each={navs()}> <For each={navs()}>
{({ href, name }) => ( {({ href, name }) => (
<li> <li>

4
src/index.css
View File

@ -2,3 +2,7 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@tailwind variants; @tailwind variants;
::-webkit-scrollbar {
display: none;
}