Macrame/panels/test_panel/index.html

127 lines
3 KiB
HTML

<!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 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="flex items-center justify-center bg-sky-400"
id="button_1"
mcrm__button
>
Task manager
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_2"
mcrm__button
>
Close window
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_3"
mcrm__button
>
button3
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_4"
mcrm__button
>
button4
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_5"
mcrm__button
>
button5
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_6"
mcrm__button
>
button6
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_7"
mcrm__button
>
button7
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_8"
mcrm__button
>
button8
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_9"
mcrm__button
>
button9
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_10"
mcrm__button
>
button10
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_11"
mcrm__button
>
button11
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_12"
mcrm__button
>
button12
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_13"
mcrm__button
>
button13
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_14"
mcrm__button
>
button14
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_15"
mcrm__button
>
button15
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_16"
mcrm__button
>
button16
</div>
</div>
</div>
</body>
</html>