mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-05 09:48:44 +00:00
BFlat
3c28b375ef
changes from trello board: - AI stylize in side tab primary colored + icon change to draw attention - AI stylize tab subtext "This helps you test and re-test your scene" - AI stylize tab prompt textarea row reduction to fit as much content as possible without going under the fold on smaller screens - Logout button changed to secondary color from primary so it's not attracting. - Git SHA in help panel text changes - fixes to topbar stylings and spacing
40 lines
1003 B
TypeScript
40 lines
1003 B
TypeScript
import {
|
|
dndSidePanelWidth,
|
|
sidePanelVisible,
|
|
sidePanelWidth,
|
|
} from "~/pages/PageEnigma/store";
|
|
import { SidePanelTabs } from "~/pages/PageEnigma/comps/SidePanelTabs";
|
|
import { SidePanelMenu } from "~/pages/PageEnigma/comps/SidePanelTabs/SidePanelMenu";
|
|
import { useSignals } from "@preact/signals-react/runtime";
|
|
|
|
export const SidePanel = () => {
|
|
useSignals();
|
|
|
|
const displayWidth =
|
|
dndSidePanelWidth.value > -1
|
|
? dndSidePanelWidth.value
|
|
: sidePanelWidth.value;
|
|
|
|
return (
|
|
<>
|
|
<div
|
|
className={[
|
|
"fixed",
|
|
"border-l border-l-ui-panel-border bg-ui-panel",
|
|
"flex",
|
|
"transition-all duration-300 ease-in-out",
|
|
].join(" ")}
|
|
style={{
|
|
top: 64,
|
|
right: 84,
|
|
width: sidePanelVisible.value ? displayWidth : 0,
|
|
}}>
|
|
<div className="relative block h-full w-full bg-ui-panel">
|
|
<SidePanelTabs />
|
|
</div>
|
|
</div>
|
|
<SidePanelMenu />
|
|
</>
|
|
);
|
|
};
|