trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: menubar scrolling on mobile

Browse source
This commit is contained in:
trafficlunar 2025-02-12 16:20:07 +00:00
parent 852ab28e31
commit 30444235d2
1 changed files with 18 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/menubar/index.tsx
View file

@ -24,7 +24,8 @@ function Menubar() {
return (
<DialogProvider>
<UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3">
<Link to={{ pathname: "/" }} className="px-4 w-40 flex gap-2 items-center">
<div className="w-full flex items-center space-x-1 overflow-x-auto">
<Link to={{ pathname: "/" }} className="px-4 min-w-40 flex gap-2 items-center">
<BlockmaticIcon className="h-full w-8" />
<BlockmaticText className="h-full w-full" />
</Link>
@ -34,7 +35,7 @@ function Menubar() {
<SelectMenu />
<ViewMenu />
<div className="absolute right-3 grid grid-cols-3 items-center gap-1">
<div className="!ml-auto pl-4 grid grid-cols-3 items-center gap-1 min-w-20">
<ThemeIcon inApp />
<a href="https://github.com/trafficlunar/blockmatic" className="w-5">
<GithubIcon fill={isDark ? "white" : "black"} />
@ -43,6 +44,7 @@ function Menubar() {
<TrafficConeIcon fill={isDark ? "white" : "black"} className="hover:fill-orange-400 transition-colors" />
</a>
</div>
</div>
</UIMenubar>
</DialogProvider>
);