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: Alpha version bugfixes

Browse source
This commit is contained in:
Jesse Malotaux 2025-04-13 13:07:15 +02:00
parent fd9430dbc6
commit cb5516f863
18 changed files with 474 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

46
panels/test_panel/index.html
View file

@ -21,105 +21,105 @@
id="button_2"
mcrm__button
>
Close window
Close application
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_3"
mcrm__button
>
button3
Run
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_4"
mcrm__button
>
button4
Files
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_5"
mcrm__button
>
button5
Settings
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_6"
mcrm__button
>
button6
New Desktop
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_7"
mcrm__button
>
button7
Displays
</div>
<div
class="flex items-center justify-center bg-sky-400"
id="button_8"
mcrm__button
>
button8
Task View
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_9"
mcrm__button
>
button9
New Window
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_10"
mcrm__button
>
button10
Close Window
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_11"
mcrm__button
>
button11
Previous Tab
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_12"
mcrm__button
>
button12
Next Tab
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_13"
mcrm__button
>
button13
Close Tab
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_14"
mcrm__button
>
button14
New Tab
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_15"
mcrm__button
>
button15
Fullscreen
</div>
<div
class="flex items-center justify-center bg-sky-400"
class="flex items-center justify-center bg-rose-400"
id="button_16"
mcrm__button
>
button16
Home
</div>
</div>
</div>

125
panels/test_panel/output.css
View file

@ -1,66 +1,69 @@
.m-0 {
margin: calc(var(--spacing) * 0);
/*! tailwindcss v4.1.2 | MIT License | https://tailwindcss.com */
@layer theme, utilities;
@layer theme {
:root, :host {
--color-red-500: oklch(63.7% 0.237 25.331);
--color-sky-400: oklch(74.6% 0.16 232.661);
--color-rose-400: oklch(71.2% 0.194 13.428);
--color-slate-400: oklch(70.4% 0.04 256.788);
--color-slate-500: oklch(55.4% 0.046 257.417);
--spacing: 0.25rem;
}
}
.flex {
display: flex;
@layer utilities {
.m-0 {
margin: calc(var(--spacing) * 0);
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.aspect-\[9\/20\] {
aspect-ratio: 9/20;
}
.size-full {
width: 100%;
height: 100%;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.w-screen {
width: 100vw;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-8 {
grid-template-rows: repeat(8, minmax(0, 1fr));
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.bg-rose-400 {
background-color: var(--color-rose-400);
}
.bg-sky-400 {
background-color: var(--color-sky-400);
}
.bg-slate-400 {
background-color: var(--color-slate-400);
}
.bg-slate-500 {
background-color: var(--color-slate-500);
}
}
.grid {
display: grid;
}
.aspect-\[9\/20\] {
aspect-ratio: 9/20;
}
.size-full {
width: 100%;
height: 100%;
}
.h-dvh {
height: 100dvh;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.w-dvw {
width: 100dvw;
}
.w-screen {
width: 100vw;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-8 {
grid-template-rows: repeat(8, minmax(0, 1fr));
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-red-500 {
border-color: var(--color-red-500);
}
.bg-sky-400 {
background-color: var(--color-sky-400);
}
.bg-slate-400 {
background-color: var(--color-slate-400);
}
.bg-slate-500 {
background-color: var(--color-slate-500);
}
body * {
box-sizing: border-box;
}

12
panels/test_panel/panel.json
View file

@ -1,11 +1 @@
{
"dir": "",
"name": "Test Panel 1",
"description": "This is the very first panel to be created. It is a test panel for a mobile phone.",
"aspectRatio": "10/20",
"macros": {
"button_1": "Task_manager",
"button_16": "Task_manager",
"button_2": "ALT+F4"
}
}
{"dir":"","name":"Test Panel 1","description":"This is the very first panel to be created. It is a test panel for a mobile phone.","aspectRatio":"10/20","macros":{"button_1":"Task_Manager","button_10":"Close_Browser_Window","button_11":"Previous_Tab","button_12":"Next_Tab","button_13":"Close_Tab","button_14":"New_Tab","button_15":"Fullscreen","button_16":"Home","button_2":"Close_Application","button_3":"RunDialog","button_4":"Files","button_5":"Settings","button_6":"New_Desktop","button_7":"Displays","button_8":"Task_view","button_9":"New_Window"}}