angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update NEXT_PUBLIC_COMMIT_SHA and enhance layout for various pages

Browse Source
This commit is contained in:
angel
2025-07-03 17:03:43 +00:00
committed by GitHub
parent 54a268f485
commit a8311fb4ef
10 changed files with 31 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/ihateserverside.tsx
View File

@@ -43,10 +43,10 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
if (!isClient) {
// Return a basic layout during SSR to match initial client render
return (
<div className="hidden md:flex md:flex-col md:h-screen">
<div className="hidden md:flex md:flex-col md:h-screen md:w-screen md:overflow-hidden">
{/* Top Menu */}
<div
className="sticky z-10 bg-background border-b"
className="sticky z-10 bg-background border-b w-full"
style={{
left: 'env(titlebar-area-x, 0)',
top: 'env(titlebar-area-y, 0)',
@@ -61,7 +61,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
</div>
{/* Main Content Area */}
<div className="flex-1 flex overflow-hidden">
<div className="flex-1 flex overflow-hidden w-full">
<div className="w-64 shrink-0 border-r transition-all duration-200">
<Sidebar
playlists={playlists}
@@ -71,7 +71,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
onTransitionEnd={handleTransitionEnd}
/>
</div>
<div className="flex-1 overflow-y-auto">
<div className="flex-1 overflow-y-auto min-w-0">
<div>{children}</div>
</div>
</div>
@@ -83,10 +83,10 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
);
}
return (
<div className="hidden md:flex md:flex-col md:h-screen">
<div className="hidden md:flex md:flex-col md:h-screen md:w-screen md:overflow-hidden">
{/* Top Menu */}
<div
className="sticky z-10 bg-background border-b"
className="sticky z-10 bg-background border-b w-full"
style={{
left: 'env(titlebar-area-x, 0)',
top: 'env(titlebar-area-y, 0)',
@@ -101,7 +101,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
</div>
{/* Main Content Area */}
<div className="flex-1 flex overflow-hidden">
<div className="flex-1 flex overflow-hidden w-full">
{isSidebarVisible && (
<div className={`${isSidebarCollapsed ? 'w-16' : 'w-64'} shrink-0 border-r transition-all duration-200`}>
<Sidebar
@@ -113,7 +113,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
/>
</div>
)}
<div className="flex-1 overflow-y-auto">
<div className="flex-1 overflow-y-auto min-w-0">
<div>{children}</div>
</div>
</div>

4
app/components/menu.tsx
View File

@@ -111,9 +111,9 @@ export function Menu({ toggleSidebar, isSidebarVisible, toggleStatusBar, isStatu
return (
<>
<div className="flex items-center justify-between w-full ml-2">
<div className="flex items-center justify-between w-full">
<Menubar
className="rounded-none border-b border-none px-0 lg:px-0 flex-1"
className="rounded-none border-b border-none px-2 lg:px-2 flex-1 min-w-0"
style={{
minWidth: 0,
WebkitAppRegion: "drag"