Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-12-27 07:34:12 +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 />
<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>
<Show when={selectedEndpoint()}>
<Route path="/overview" component={Overview} />

2
src/components/Collpase.tsx
View File

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

4
src/components/Header.tsx
View File

@ -46,7 +46,7 @@ const ThemeSwitcher = () => (
<div class="drawer-side">
<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}>
{(theme) => (
<li
@ -120,7 +120,7 @@ export const Header = () => {
<div class="drawer-side">
<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()}>
{({ href, name }) => (
<li>

4
src/index.css
View File

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