zoeynoort/Macrame
1
0
Fork 0
mirror of https://github.com/Macrame-App/Macrame synced 2025-12-29 07:19:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Panels V1: basic panel overview, basic binding of macros to buttons, basic panel-view.

Browse source
This commit is contained in:
Jesse Malotaux 2025-04-11 13:50:24 +02:00
parent 45d3135aa9
commit 887080efa6
9 changed files with 538 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

42
panels/test_panel/index.html
View file

@ -6,116 +6,116 @@
<title>Document</title>
<link rel="stylesheet" href="./output.css" />
</head>
<body class="bg-slate-400 w-screen h-screen m-0">
<div class="h-full aspect-[9/20] bg-slate-500 border border-red-500">
<div class="size-full grid grid-cols-2 grid-rows-8 gap-2">
<body class="bg-slate-400 w-screen h-screen m-0 aspect-[9/20]">
<div class="h-full bg-slate-500">
<div class="grid grid-cols-2 gap-2 size-full grid-rows-8">
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_1"
mcrm__button
>
button1
Task manager
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_2"
mcrm__button
>
button2
Close window
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_3"
mcrm__button
>
button3
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_4"
mcrm__button
>
button4
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_5"
mcrm__button
>
button5
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_6"
mcrm__button
>
button6
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_7"
mcrm__button
>
button7
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_8"
mcrm__button
>
button8
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_9"
mcrm__button
>
button9
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_10"
mcrm__button
>
button10
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_11"
mcrm__button
>
button11
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_12"
mcrm__button
>
button12
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_13"
mcrm__button
>
button13
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_14"
mcrm__button
>
button14
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_15"
mcrm__button
>
button15
</div>
<div
class="bg-sky-400 flex justify-center items-center"
class="flex items-center justify-center bg-sky-400"
id="button_16"
mcrm__button
>