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

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

@ -24,24 +24,26 @@ function Menubar() {
return ( return (
<DialogProvider> <DialogProvider>
<UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3"> <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">
<BlockmaticIcon className="h-full w-8" /> <Link to={{ pathname: "/" }} className="px-4 min-w-40 flex gap-2 items-center">
<BlockmaticText className="h-full w-full" /> <BlockmaticIcon className="h-full w-8" />
</Link> <BlockmaticText className="h-full w-full" />
</Link>
<FileMenu /> <FileMenu />
<EditMenu /> <EditMenu />
<SelectMenu /> <SelectMenu />
<ViewMenu /> <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 /> <ThemeIcon inApp />
<a href="https://github.com/trafficlunar/blockmatic" className="w-5"> <a href="https://github.com/trafficlunar/blockmatic" className="w-5">
<GithubIcon fill={isDark ? "white" : "black"} /> <GithubIcon fill={isDark ? "white" : "black"} />
</a> </a>
<a href="https://trafficlunar.net" className="w-5"> <a href="https://trafficlunar.net" className="w-5">
<TrafficConeIcon fill={isDark ? "white" : "black"} className="hover:fill-orange-400 transition-colors" /> <TrafficConeIcon fill={isDark ? "white" : "black"} className="hover:fill-orange-400 transition-colors" />
</a> </a>
</div>
</div> </div>
</UIMenubar> </UIMenubar>
</DialogProvider> </DialogProvider>