sergey/anti-hvost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: menu styles

Browse Source
This commit is contained in:
Sergey Elpashev
2025-04-03 14:57:55 +03:00
parent 454dc23245
commit fe9d21c218
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/menu.module.scss
View File

@@ -1,7 +1,7 @@
@reference "../index.scss"; @reference "../index.scss";
.menu_container { .menu_container {
@apply fixed bottom-0 flex min-h-8 min-w-screen flex-row items-center gap-1 border-t border-t-gray-500 bg-white px-1 py-5 md:relative md:min-h-screen md:min-w-[300px] md:flex-col md:gap-4 md:border-t-0 md:border-l md:border-l-gray-500 md:px-5; @apply fixed right-0 bottom-0 left-0 flex min-h-auto flex-row items-center gap-1 border-t border-t-gray-500 bg-white px-1 py-5 md:sticky md:top-0 md:right-0 md:bottom-auto md:left-auto md:min-h-screen md:w-auto md:flex-col md:gap-4 md:border-t-0 md:border-l md:border-l-gray-500 md:px-5 md:py-5;
} }
.menu_item { .menu_item {

8
src/pages/profile.tsx
View File

@@ -5,8 +5,8 @@ import { Route, Router, useLocation } from "preact-iso";
const ProfilePage: FunctionComponent = () => { const ProfilePage: FunctionComponent = () => {
const { route } = useLocation(); const { route } = useLocation();
return ( return (
<div class="flex min-w-screen flex-row justify-between"> <div class="flex h-screen flex-col md:flex-row">
<div class="w-full overflow-x-hidden overflow-y-auto px-3 pb-20 break-all md:pb-0"> <div class="flex-1 overflow-y-auto px-3 pb-20 break-all md:pb-0">
<Router> <Router>
<Route <Route
path="/settings" path="/settings"
@@ -92,7 +92,9 @@ const ProfilePage: FunctionComponent = () => {
/> />
</Router> </Router>
</div> </div>
<Menu /> <div className="md:sticky md:top-0 md:h-screen">
<Menu />
</div>
</div> </div>
); );
}; };