Sara/datacomp
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: added sidebars

Browse source
This commit is contained in:
Sara 2024-12-30 21:26:07 +01:00
parent f8dc3d3bee
commit 740fbb22cd
1 changed files with 33 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/library.c
View file

@ -3,12 +3,12 @@
bool static sidebar_open = true; bool static sidebar_open = true;
Clay_Color const SIDEBAR_COLOR = {120.f, 120.f, 120.f, 255.f}; Clay_Color const SIDEBAR_COLOR = {80.f, 80.f, 80.f, 255.f};
Clay_LayoutConfig const SIDEBAR_LAYOUT = { Clay_LayoutConfig const SIDEBAR_LAYOUT = {
.sizing={ .sizing={
.height=CLAY_SIZING_GROW(), .height=CLAY_SIZING_GROW(),
.width=CLAY_SIZING_FIXED(300) .width=CLAY_SIZING_FIXED(400)
}, },
.layoutDirection=CLAY_TOP_TO_BOTTOM .layoutDirection=CLAY_TOP_TO_BOTTOM
}; };
@ -19,31 +19,45 @@ Clay_RectangleElementConfig const SIDEBAR_RECTANGLE = {
static static
void render_composit_library_sidebar() { void render_composit_library_sidebar() {
CLAY(CLAY_ID("Sidebar"), if(sidebar_open) {
CLAY_LAYOUT(SIDEBAR_LAYOUT), CLAY(CLAY_ID("Sidebar"),
CLAY_RECTANGLE(SIDEBAR_RECTANGLE) CLAY_LAYOUT(SIDEBAR_LAYOUT),
) { CLAY_RECTANGLE(SIDEBAR_RECTANGLE)
) {
CLAY(CLAY_ID("SidebarTab"),
CLAY_FLOATING({
.attachment={
.element=CLAY_ATTACH_POINT_LEFT_TOP,
.parent=CLAY_ATTACH_POINT_RIGHT_TOP
}
}),
CLAY_LAYOUT({
.sizing={.width=CLAY_SIZING_FIXED(20), .height=CLAY_SIZING_FIXED(50)},
}),
CLAY_RECTANGLE({
.color=SIDEBAR_COLOR,
.cornerRadius={
.topRight=6,
.bottomRight=6,
.topLeft=0,
.bottomLeft=0
}
})
) {
}
}
} else {
CLAY(CLAY_ID("SidebarTab"), CLAY(CLAY_ID("SidebarTab"),
CLAY_FLOATING({ CLAY_FLOATING({
.attachment={ .attachment={
.element=CLAY_ATTACH_POINT_LEFT_TOP, .element=CLAY_ATTACH_POINT_LEFT_TOP,
.parent=CLAY_ATTACH_POINT_RIGHT_TOP .parent=CLAY_ATTACH_POINT_LEFT_TOP
} }
}), }),
CLAY_LAYOUT({
.sizing={.width=CLAY_SIZING_FIXED(10), .height=CLAY_SIZING_FIXED(40)},
}),
CLAY_RECTANGLE({ CLAY_RECTANGLE({
.color=SIDEBAR_COLOR, .color=SIDEBAR_COLOR
.cornerRadius={
.topRight=16,
.bottomRight=16,
.topLeft=16,
.bottomLeft=16
}
}) })
) { ) {}
}
} }
} }