ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-08 18:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

added "BREATHING_ROOM"

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-06 22:40:46 +00:00
parent 14a6a13eeb
commit 506dca4e7e
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/frontend/src/Index.tsx
View File

@@ -22,6 +22,8 @@ import {
import { ResizablePanel, ResizablePanelGroup, ResizableSeparator } from "@/components/ui/resizable"; import { ResizablePanel, ResizablePanelGroup, ResizableSeparator } from "@/components/ui/resizable";
import { issue, organisation, project } from "@/lib/server"; import { issue, organisation, project } from "@/lib/server";
const BREATHING_ROOM = 1;
function Index() { function Index() {
const userData = JSON.parse(localStorage.getItem("user") || "{}") as UserRecord; const userData = JSON.parse(localStorage.getItem("user") || "{}") as UserRecord;
@@ -174,10 +176,10 @@ function Index() {
}, [selectedProject]); }, [selectedProject]);
return ( return (
<main className="w-full h-screen flex flex-col"> <main className={`w-full h-screen flex flex-col gap-${BREATHING_ROOM} p-${BREATHING_ROOM}`}>
{/* header area */} {/* header area */}
<div className="flex gap-12 items-center justify-between p-1"> <div className="flex gap-12 items-center justify-between">
<div className="flex gap-1 items-center"> <div className={`flex gap-${BREATHING_ROOM} items-center`}>
{/* organisation selection */} {/* organisation selection */}
<OrganisationSelect <OrganisationSelect
organisations={organisations} organisations={organisations}
@@ -220,7 +222,7 @@ function Index() {
/> />
)} )}
</div> </div>
<div className="flex gap-1 items-center"> <div className={`flex gap-${BREATHING_ROOM} items-center`}>
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger className="text-sm"> <DropdownMenuTrigger className="text-sm">
<SmallUserDisplay user={user} /> <SmallUserDisplay user={user} />
@@ -246,7 +248,7 @@ function Index() {
trigger={ trigger={
<Button <Button
variant="ghost" variant="ghost"
className="flex w-full gap-2 items-center justify-end text-end px-2 py-1 m-0 h-auto" className="flex w-full items-center justify-end text-end px-2 py-1 m-0 h-auto"
title="Server Configuration" title="Server Configuration"
> >
Server Configuration Server Configuration
@@ -264,7 +266,7 @@ function Index() {
</div> </div>
{/* main body */} {/* main body */}
<div className="w-full h-full flex items-start justify-between p-1 gap-1"> <div className={`w-full h-full flex items-start justify-between gap-${BREATHING_ROOM}`}>
{selectedProject && issues.length > 0 && ( {selectedProject && issues.length > 0 && (
<ResizablePanelGroup> <ResizablePanelGroup>
<ResizablePanel id={"left"} minSize={400}> <ResizablePanel id={"left"} minSize={400}>