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

WIP: Simple test panel for mobile phones.

Browse source
This commit is contained in:
Jesse Malotaux 2025-04-05 23:25:37 +02:00
parent a79da7c6f9
commit 55dc67a0ac
9 changed files with 1185 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

127
panels/test_panel/index.html Normal file
View file

@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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">
<div
class="bg-sky-400 flex justify-center items-center"
id="button_1"
mcrm__button
>
button1
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_2"
mcrm__button
>
button2
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_3"
mcrm__button
>
button3
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_4"
mcrm__button
>
button4
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_5"
mcrm__button
>
button5
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_6"
mcrm__button
>
button6
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_7"
mcrm__button
>
button7
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_8"
mcrm__button
>
button8
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_9"
mcrm__button
>
button9
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_10"
mcrm__button
>
button10
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_11"
mcrm__button
>
button11
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_12"
mcrm__button
>
button12
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_13"
mcrm__button
>
button13
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_14"
mcrm__button
>
button14
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_15"
mcrm__button
>
button15
</div>
<div
class="bg-sky-400 flex justify-center items-center"
id="button_16"
mcrm__button
>
button16
</div>
</div>
</div>
</body>
</html>