mirror of
https://github.com/Macrame-App/Macrame
synced 2025-12-29 07:19:26 +00:00
.gitignore update: ignore contents of public directory on dev branches
This commit is contained in:
JaxxMoss
parent
89b9c7a157
commit
9a961079cd
12 changed files with 1 additions and 24658 deletions
File diff suppressed because it is too large
Load diff
|
|
@ -1,87 +0,0 @@
|
|||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.alert[data-v-87f6de25] {
|
||||
align-items: flex-start;
|
||||
gap: calc(var(--spacing, .25rem) * 4);
|
||||
border-radius: var(--radius-md, .375rem);
|
||||
border-style: var(--tw-border-style);
|
||||
border-width: 1px;
|
||||
border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
|
||||
background-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
|
||||
padding: calc(var(--spacing, .25rem) * 4);
|
||||
--tw-backdrop-blur: blur(var(--blur-md, 12px));
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
||||
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
||||
grid-template-columns: 1rem 1fr;
|
||||
display: grid;
|
||||
}
|
||||
.alert.alert__info[data-v-87f6de25] {
|
||||
background-color: color-mix(in oklab, var(--color-sky-400, oklch(.746 .16 232.661)) 40%, transparent);
|
||||
color: var(--color-sky-100, oklch(.951 .026 236.824));
|
||||
}
|
||||
.alert.alert__success[data-v-87f6de25] {
|
||||
background-color: color-mix(in oklab, var(--color-lime-400, oklch(.841 .238 128.85)) 10%, transparent);
|
||||
color: var(--color-lime-400, oklch(.841 .238 128.85));
|
||||
}
|
||||
.alert.alert__warning[data-v-87f6de25] {
|
||||
background-color: color-mix(in oklab, var(--color-amber-400, oklch(.828 .189 84.429)) 10%, transparent);
|
||||
color: var(--color-amber-400, oklch(.828 .189 84.429));
|
||||
}
|
||||
.alert.alert__error[data-v-87f6de25] {
|
||||
background-color: color-mix(in oklab, var(--color-rose-400, oklch(.712 .194 13.428)) 10%, transparent);
|
||||
color: var(--color-rose-400, oklch(.712 .194 13.428));
|
||||
}
|
||||
@property --tw-border-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
@property --tw-backdrop-blur {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-brightness {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-contrast {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-grayscale {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-hue-rotate {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-invert {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-opacity {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-saturate {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-sepia {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.device-overview[data-v-f4165abd] {
|
||||
align-content: flex-start;
|
||||
gap: calc(var(--spacing, .25rem) * 4);
|
||||
display: grid;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.server-overview[data-v-3109048f] {
|
||||
align-content: flex-start;
|
||||
gap: calc(var(--spacing, .25rem) * 4);
|
||||
display: grid;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
|
||||
|
|
@ -1,106 +0,0 @@
|
|||
import { D as computed, c as createElementBlock, o as openBlock, v as renderSlot, q as normalizeClass, m as ref, b as onMounted, n as onUpdated, f as createBaseVNode, h as createVNode, w as withCtx, u as unref, E as IconX } from "./index-GNAKlyBz.js";
|
||||
const _hoisted_1$1 = ["href"];
|
||||
const _sfc_main$1 = {
|
||||
__name: "ButtonComp",
|
||||
props: {
|
||||
href: String,
|
||||
variant: String,
|
||||
size: String
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const classString = computed(() => {
|
||||
let classes = "btn";
|
||||
if (props.variant) classes += ` btn__${props.variant}`;
|
||||
if (props.size) classes += ` btn__${props.size}`;
|
||||
return classes;
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return __props.href ? (openBlock(), createElementBlock("a", {
|
||||
key: 0,
|
||||
href: __props.href,
|
||||
class: normalizeClass(classString.value)
|
||||
}, [
|
||||
renderSlot(_ctx.$slots, "default")
|
||||
], 10, _hoisted_1$1)) : (openBlock(), createElementBlock("button", {
|
||||
key: 1,
|
||||
class: normalizeClass(classString.value)
|
||||
}, [
|
||||
renderSlot(_ctx.$slots, "default")
|
||||
], 2));
|
||||
};
|
||||
}
|
||||
};
|
||||
const _hoisted_1 = { class: "dialog-container" };
|
||||
const _sfc_main = {
|
||||
__name: "DialogComp",
|
||||
props: {
|
||||
open: Boolean
|
||||
},
|
||||
emits: ["onOpen", "onClose", "onToggle"],
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
const dialog = ref(null);
|
||||
const openDialog = ref();
|
||||
const emit = __emit;
|
||||
__expose({ toggleDialog });
|
||||
const props = __props;
|
||||
onMounted(() => {
|
||||
if (props.open === true) toggleDialog(props.open);
|
||||
});
|
||||
onUpdated(() => {
|
||||
if (props.open === true) toggleDialog(props.open);
|
||||
});
|
||||
function toggleDialog(openToggle) {
|
||||
if (openToggle) {
|
||||
dialog.value.showModal();
|
||||
emit("onOpen");
|
||||
} else {
|
||||
dialog.value.close();
|
||||
emit("onClose");
|
||||
}
|
||||
openDialog.value = openToggle;
|
||||
emit("onToggle");
|
||||
}
|
||||
onMounted(() => {
|
||||
openDialog.value = props.open;
|
||||
if (dialog.value.innerHTML.includes("form")) {
|
||||
dialog.value.querySelector("form").addEventListener("submit", () => {
|
||||
toggleDialog();
|
||||
});
|
||||
}
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return openBlock(), createElementBlock("div", _hoisted_1, [
|
||||
createBaseVNode("div", {
|
||||
class: "trigger",
|
||||
onClick: _cache[0] || (_cache[0] = ($event) => toggleDialog(true))
|
||||
}, [
|
||||
renderSlot(_ctx.$slots, "trigger")
|
||||
]),
|
||||
createBaseVNode("dialog", {
|
||||
ref_key: "dialog",
|
||||
ref: dialog,
|
||||
class: "mcrm-block block__dark"
|
||||
}, [
|
||||
createVNode(_sfc_main$1, {
|
||||
class: "dialog__close p-0",
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
tabindex: "-1",
|
||||
onClick: _cache[1] || (_cache[1] = ($event) => toggleDialog(false))
|
||||
}, {
|
||||
default: withCtx(() => [
|
||||
createVNode(unref(IconX))
|
||||
]),
|
||||
_: 1
|
||||
}),
|
||||
renderSlot(_ctx.$slots, "content")
|
||||
], 512)
|
||||
]);
|
||||
};
|
||||
}
|
||||
};
|
||||
export {
|
||||
_sfc_main$1 as _,
|
||||
_sfc_main as a
|
||||
};
|
||||
|
|
@ -1,357 +0,0 @@
|
|||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
button, .btn {
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
gap: calc(var(--spacing, .25rem) * 3);
|
||||
border-radius: var(--radius-lg, .5rem);
|
||||
border-style: var(--tw-border-style);
|
||||
--tw-border-style: solid;
|
||||
height: fit-content;
|
||||
padding-inline: calc(var(--spacing, .25rem) * 4);
|
||||
padding-block: calc(var(--spacing, .25rem) * 2);
|
||||
--tw-font-weight: var(--font-weight-normal, 400);
|
||||
font-weight: var(--font-weight-normal, 400);
|
||||
--tw-tracking: var(--tracking-wide, .025em);
|
||||
letter-spacing: var(--tracking-wide, .025em);
|
||||
transition-property: all;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
transition: border-color .1s ease-in-out, background-color .2s;
|
||||
display: flex;
|
||||
}
|
||||
:is(button, .btn):not(.button__subtle, .button__ghost):hover {
|
||||
--tw-shadow-color: var(--color-black, #000);
|
||||
}
|
||||
:is(button, .btn)[disabled], :is(button, .btn).disabled {
|
||||
pointer-events: none;
|
||||
cursor: not-allowed;
|
||||
opacity: .5;
|
||||
}
|
||||
:is(button, .btn) svg {
|
||||
width: calc(var(--spacing, .25rem) * 5);
|
||||
height: calc(var(--spacing, .25rem) * 5);
|
||||
transition-property: stroke;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
--tw-duration: .4s;
|
||||
--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
|
||||
transition-duration: .4s;
|
||||
transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
|
||||
}
|
||||
:is(button, .btn).btn__sm svg {
|
||||
width: calc(var(--spacing, .25rem) * 4);
|
||||
height: calc(var(--spacing, .25rem) * 4);
|
||||
}
|
||||
:is(button, .btn).btn__lg svg {
|
||||
width: calc(var(--spacing, .25rem) * 6);
|
||||
height: calc(var(--spacing, .25rem) * 6);
|
||||
}
|
||||
:is(button, .btn):hover {
|
||||
color: var(--color-white, #fff) !important;
|
||||
}
|
||||
:is(button, .btn):hover svg {
|
||||
stroke: var(--color-white, #fff) !important;
|
||||
}
|
||||
:is(button, .btn).btn__primary {
|
||||
border-color: var(--color-sky-100, oklch(.951 .026 236.824));
|
||||
background-color: color-mix(in oklab, var(--color-sky-100, oklch(.951 .026 236.824)) 10%, transparent);
|
||||
color: var(--color-sky-100, oklch(.951 .026 236.824));
|
||||
}
|
||||
:is(button, .btn).btn__primary svg {
|
||||
stroke: var(--color-sky-200, oklch(.901 .058 230.902));
|
||||
}
|
||||
:is(button, .btn).btn__primary:hover {
|
||||
border-color: var(--color-sky-300, oklch(.828 .111 230.318));
|
||||
background-color: color-mix(in oklab, var(--color-sky-400, oklch(.746 .16 232.661)) 40%, transparent);
|
||||
}
|
||||
:is(button, .btn).btn__secondary {
|
||||
border-color: var(--color-amber-100, oklch(.962 .059 95.617));
|
||||
background-color: color-mix(in oklab, var(--color-amber-100, oklch(.962 .059 95.617)) 10%, transparent);
|
||||
color: var(--color-amber-100, oklch(.962 .059 95.617));
|
||||
}
|
||||
:is(button, .btn).btn__secondary svg {
|
||||
stroke: var(--color-amber-300, oklch(.879 .169 91.605));
|
||||
}
|
||||
:is(button, .btn).btn__secondary:hover {
|
||||
border-color: var(--color-amber-400, oklch(.828 .189 84.429));
|
||||
background-color: color-mix(in oklab, var(--color-amber-400, oklch(.828 .189 84.429)) 40%, transparent);
|
||||
}
|
||||
:is(button, .btn).btn__danger {
|
||||
border-color: var(--color-rose-100, oklch(.941 .03 12.58));
|
||||
background-color: color-mix(in oklab, var(--color-rose-200, oklch(.892 .058 10.001)) 20%, transparent);
|
||||
color: var(--color-rose-200, oklch(.892 .058 10.001));
|
||||
}
|
||||
:is(button, .btn).btn__danger svg {
|
||||
stroke: var(--color-rose-400, oklch(.712 .194 13.428));
|
||||
}
|
||||
:is(button, .btn).btn__danger:hover {
|
||||
border-color: var(--color-rose-500, oklch(.645 .246 16.439));
|
||||
background-color: color-mix(in oklab, var(--color-rose-400, oklch(.712 .194 13.428)) 40%, transparent);
|
||||
color: var(--color-white, #fff);
|
||||
}
|
||||
:is(button, .btn).btn__dark {
|
||||
border-color: var(--color-slate-400, oklch(.704 .04 256.788));
|
||||
background-color: color-mix(in oklab, var(--color-slate-200, oklch(.929 .013 255.508)) 10%, transparent);
|
||||
color: var(--color-slate-100, oklch(.968 .007 247.896));
|
||||
}
|
||||
:is(button, .btn).btn__dark svg {
|
||||
stroke: var(--color-slate-300, oklch(.869 .022 252.894));
|
||||
}
|
||||
:is(button, .btn).btn__dark:hover {
|
||||
border-color: var(--color-slate-200, oklch(.929 .013 255.508));
|
||||
background-color: color-mix(in oklab, var(--color-slate-400, oklch(.704 .04 256.788)) 40%, transparent);
|
||||
color: var(--color-white, #fff);
|
||||
}
|
||||
:is(button, .btn).btn__success {
|
||||
border-color: var(--color-lime-100, oklch(.967 .067 122.328));
|
||||
background-color: color-mix(in oklab, var(--color-lime-200, oklch(.938 .127 124.321)) 10%, transparent);
|
||||
color: var(--color-lime-100, oklch(.967 .067 122.328));
|
||||
}
|
||||
:is(button, .btn).btn__success svg {
|
||||
stroke: var(--color-lime-400, oklch(.841 .238 128.85));
|
||||
}
|
||||
:is(button, .btn).btn__success:hover {
|
||||
border-color: var(--color-lime-500, oklch(.768 .233 130.85));
|
||||
background-color: color-mix(in oklab, var(--color-lime-400, oklch(.841 .238 128.85)) 40%, transparent);
|
||||
color: var(--color-white, #fff);
|
||||
}
|
||||
:is(button, .btn).btn__subtle {
|
||||
color: var(--color-white, #fff);
|
||||
background-color: #0000;
|
||||
border-color: #0000;
|
||||
}
|
||||
@media (hover: hover) {
|
||||
:is(button, .btn).btn__subtle:hover {
|
||||
background-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
|
||||
}
|
||||
}
|
||||
:is(button, .btn).btn__subtle:hover {
|
||||
border-color: color-mix(in oklab, var(--color-white, #fff) 40%, transparent);
|
||||
background-color: color-mix(in oklab, var(--color-white, #fff) 20%, transparent);
|
||||
--tw-gradient-to: color-mix(in oklab, var(--color-white, #fff) 30%, transparent);
|
||||
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
||||
}
|
||||
:is(button, .btn).btn__ghost {
|
||||
color: color-mix(in oklab, var(--color-white, #fff) 80%, transparent);
|
||||
background-color: #0000;
|
||||
border-color: #0000;
|
||||
}
|
||||
@media (hover: hover) {
|
||||
:is(button, .btn).btn__ghost:hover {
|
||||
color: var(--color-white, #fff);
|
||||
}
|
||||
}
|
||||
@property --tw-border-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
@property --tw-font-weight {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-tracking {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-ring-inset {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-offset-width {
|
||||
syntax: "<length>";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-ring-offset-color {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: #fff;
|
||||
}
|
||||
@property --tw-ring-offset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-duration {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ease {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-gradient-position {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-gradient-from {
|
||||
syntax: "<color>";
|
||||
inherits: false;
|
||||
initial-value: #0000;
|
||||
}
|
||||
@property --tw-gradient-via {
|
||||
syntax: "<color>";
|
||||
inherits: false;
|
||||
initial-value: #0000;
|
||||
}
|
||||
@property --tw-gradient-to {
|
||||
syntax: "<color>";
|
||||
inherits: false;
|
||||
initial-value: #0000;
|
||||
}
|
||||
@property --tw-gradient-stops {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-gradient-via-stops {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-gradient-from-position {
|
||||
syntax: "<length-percentage>";
|
||||
inherits: false;
|
||||
initial-value: 0%;
|
||||
}
|
||||
@property --tw-gradient-via-position {
|
||||
syntax: "<length-percentage>";
|
||||
inherits: false;
|
||||
initial-value: 50%;
|
||||
}
|
||||
@property --tw-gradient-to-position {
|
||||
syntax: "<length-percentage>";
|
||||
inherits: false;
|
||||
initial-value: 100%;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.dialog-container {
|
||||
position: relative;
|
||||
}
|
||||
.dialog-container dialog {
|
||||
pointer-events: none;
|
||||
z-index: 50;
|
||||
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
||||
max-width: calc(100vw - 2rem);
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
color: var(--color-slate-200, oklch(.929 .013 255.508));
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
.dialog-container dialog[open] {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.dialog-container dialog::backdrop {
|
||||
background-color: color-mix(in oklab, var(--color-black, #000) 50%, transparent);
|
||||
--tw-backdrop-blur: blur(var(--blur-xs, 4px));
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
||||
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
||||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
}
|
||||
.dialog-container dialog .dialog__close {
|
||||
top: calc(var(--spacing, .25rem) * 4);
|
||||
right: calc(var(--spacing, .25rem) * 4);
|
||||
padding: calc(var(--spacing, .25rem) * 0);
|
||||
color: var(--color-white, #fff);
|
||||
position: absolute;
|
||||
}
|
||||
.dialog-container dialog .dialog__close svg {
|
||||
width: calc(var(--spacing, .25rem) * 5);
|
||||
height: calc(var(--spacing, .25rem) * 5);
|
||||
}
|
||||
.dialog__content > :first-child {
|
||||
padding-right: calc(var(--spacing, .25rem) * 8);
|
||||
}
|
||||
@property --tw-translate-x {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-translate-y {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-translate-z {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-backdrop-blur {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-brightness {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-contrast {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-grayscale {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-hue-rotate {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-invert {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-opacity {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-saturate {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-sepia {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
|
|
@ -1,624 +0,0 @@
|
|||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-overview[data-v-f9a187e3] {
|
||||
grid-template-rows: auto 1fr;
|
||||
display: grid;
|
||||
position: relative;
|
||||
}
|
||||
.macro-overview[data-v-f9a187e3]:after {
|
||||
top: calc(var(--spacing, .25rem) * 0);
|
||||
background-color: var(--color-slate-600, oklch(.446 .043 257.281));
|
||||
--tw-content: "";
|
||||
content: var(--tw-content);
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
}
|
||||
.macro-overview .macro-overview__list[data-v-f9a187e3] {
|
||||
align-content: flex-start;
|
||||
gap: calc(var(--spacing, .25rem) * 1);
|
||||
display: grid;
|
||||
}
|
||||
.macro-overview .macro-item[data-v-f9a187e3] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.macro-overview .macro-item button[data-v-f9a187e3] {
|
||||
width: 100%;
|
||||
}
|
||||
@property --tw-content {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: "";
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
kbd {
|
||||
height: calc(var(--spacing, .25rem) * 9);
|
||||
align-items: center;
|
||||
gap: calc(var(--spacing, .25rem) * 2);
|
||||
border-radius: var(--radius-md, .375rem);
|
||||
border-style: var(--tw-border-style);
|
||||
border-width: 1px;
|
||||
border-color: var(--color-slate-500, oklch(.554 .046 257.417));
|
||||
background-color: var(--color-slate-700, oklch(.372 .044 257.287));
|
||||
padding-block: calc(var(--spacing, .25rem) * 1);
|
||||
padding-right: calc(var(--spacing, .25rem) * 2);
|
||||
padding-left: calc(var(--spacing, .25rem) * 4);
|
||||
font-family: var(--font-mono, "Fira Code", monospace);
|
||||
font-size: var(--text-lg, 1.125rem);
|
||||
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
||||
--tw-font-weight: var(--font-weight-bold, 700);
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
white-space: nowrap;
|
||||
color: var(--color-white, #fff);
|
||||
text-transform: uppercase;
|
||||
--tw-shadow-color: var(--color-slate-500, oklch(.554 .046 257.417));
|
||||
transition-property: all;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
box-shadow: 0 .2rem 0 .2rem var(--tw-shadow-color);
|
||||
display: flex;
|
||||
}
|
||||
kbd:has(sup) {
|
||||
padding-left: calc(var(--spacing, .25rem) * 2);
|
||||
}
|
||||
kbd sup {
|
||||
margin-top: calc(var(--spacing, .25rem) * 1);
|
||||
font-size: var(--text-xs, .75rem);
|
||||
line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
|
||||
--tw-font-weight: var(--font-weight-light, 300);
|
||||
font-weight: var(--font-weight-light, 300);
|
||||
color: var(--color-slate-200, oklch(.929 .013 255.508));
|
||||
}
|
||||
kbd span.dir {
|
||||
padding-left: calc(var(--spacing, .25rem) * 1);
|
||||
color: var(--color-slate-200, oklch(.929 .013 255.508));
|
||||
}
|
||||
kbd.empty {
|
||||
cursor: pointer;
|
||||
border-color: var(--color-sky-300, oklch(.828 .111 230.318));
|
||||
background-color: color-mix(in oklab, var(--color-sky-400, oklch(.746 .16 232.661)) 50%, transparent);
|
||||
padding-right: calc(var(--spacing, .25rem) * 3);
|
||||
padding-left: calc(var(--spacing, .25rem) * 3);
|
||||
--tw-tracking: var(--tracking-widest, .1em);
|
||||
letter-spacing: var(--tracking-widest, .1em);
|
||||
--tw-shadow-color: var(--color-sky-600, oklch(.588 .158 241.966));
|
||||
}
|
||||
kbd.insert {
|
||||
cursor: pointer;
|
||||
border-color: var(--color-yellow-300, oklch(.905 .182 98.111));
|
||||
background-color: color-mix(in oklab, var(--color-yellow-500, oklch(.795 .184 86.047)) 50%, transparent);
|
||||
--tw-shadow-color: var(--color-yellow-600, oklch(.681 .162 75.834));
|
||||
}
|
||||
:has(kdb):not(.edit) kbd {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
.edit kbd {
|
||||
pointer-events: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
.edit kbd:hover, .edit kbd.active {
|
||||
border-color: var(--color-sky-400, oklch(.746 .16 232.661));
|
||||
background-color: var(--color-sky-900, oklch(.391 .09 240.876));
|
||||
--tw-shadow-color: var(--color-sky-700, oklch(.5 .134 242.749));
|
||||
}
|
||||
@property --tw-border-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
@property --tw-font-weight {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-ring-inset {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-offset-width {
|
||||
syntax: "<length>";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-ring-offset-color {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: #fff;
|
||||
}
|
||||
@property --tw-ring-offset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-tracking {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
span.delay[data-v-05e04cbb] {
|
||||
cursor: default;
|
||||
border-radius: var(--radius-sm, .25rem);
|
||||
border-style: var(--tw-border-style);
|
||||
border-width: 1px;
|
||||
border-color: var(--color-slate-400, oklch(.704 .04 256.788));
|
||||
background-color: var(--color-slate-500, oklch(.554 .046 257.417));
|
||||
padding-inline: calc(var(--spacing, .25rem) * 2);
|
||||
padding-block: calc(var(--spacing, .25rem) * 1);
|
||||
font-family: var(--font-sans, "Roboto", sans-serif);
|
||||
font-size: var(--text-sm, .875rem);
|
||||
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
|
||||
--tw-font-weight: var(--font-weight-semibold, 600);
|
||||
font-weight: var(--font-weight-semibold, 600);
|
||||
color: var(--color-slate-950, oklch(.129 .042 264.695));
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
span.delay.preset[data-v-05e04cbb] {
|
||||
border-color: color-mix(in oklab, var(--color-amber-300, oklch(.879 .169 91.605)) 80%, transparent);
|
||||
background-color: color-mix(in oklab, var(--color-amber-100, oklch(.962 .059 95.617)) 60%, transparent);
|
||||
color: var(--color-amber-400, oklch(.828 .189 84.429));
|
||||
}
|
||||
span.delay i[data-v-05e04cbb] {
|
||||
padding-left: calc(var(--spacing, .25rem) * 1);
|
||||
--tw-font-weight: var(--font-weight-normal, 400);
|
||||
font-weight: var(--font-weight-normal, 400);
|
||||
opacity: .8;
|
||||
font-style: normal;
|
||||
}
|
||||
.edit span.delay[data-v-05e04cbb] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.edit span.delay[data-v-05e04cbb]:hover, .edit span.delay.active[data-v-05e04cbb] {
|
||||
border-color: var(--color-lime-500, oklch(.768 .233 130.85));
|
||||
background-color: var(--color-lime-700, oklch(.532 .157 131.589));
|
||||
color: var(--color-lime-200, oklch(.938 .127 124.321));
|
||||
}
|
||||
@property --tw-border-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
@property --tw-font-weight {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-recorder__output[data-v-33cbf1af] {
|
||||
top: calc(var(--spacing, .25rem) * 0);
|
||||
left: calc(var(--spacing, .25rem) * 0);
|
||||
align-items: center;
|
||||
row-gap: calc(var(--spacing, .25rem) * 4);
|
||||
height: fit-content;
|
||||
padding: calc(var(--spacing, .25rem) * 4);
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
}
|
||||
hr.spacer[data-v-33cbf1af]:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.recorder-input__container[data-v-9a99c4ac], .macro-recorder__input[data-v-9a99c4ac] {
|
||||
inset: calc(var(--spacing, .25rem) * 0);
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
position: absolute;
|
||||
}
|
||||
:is(.recorder-input__container, .macro-recorder__input).record[data-v-9a99c4ac] {
|
||||
display: block;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.context-menu {
|
||||
position: relative;
|
||||
}
|
||||
.context-menu .context-menu__content {
|
||||
pointer-events: none;
|
||||
z-index: 50;
|
||||
margin-top: calc(var(--spacing, .25rem) * 2);
|
||||
--tw-translate-y: -100%;
|
||||
min-width: 100%;
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
border-radius: var(--radius-md, .375rem);
|
||||
border-style: var(--tw-border-style);
|
||||
border-width: 1px;
|
||||
border-color: color-mix(in oklab, var(--color-white, #fff) 50%, transparent);
|
||||
background-color: color-mix(in oklab, var(--color-slate-100, oklch(.968 .007 247.896)) 60%, transparent);
|
||||
color: var(--color-slate-800, oklch(.279 .041 260.031));
|
||||
opacity: 0;
|
||||
--tw-backdrop-blur: blur(var(--blur-3xl, 64px));
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
||||
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
||||
transition-property: all;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
display: grid;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
}
|
||||
.context-menu .context-menu__content.open {
|
||||
pointer-events: auto;
|
||||
--tw-translate-y: calc(var(--spacing, .25rem) * 0);
|
||||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||||
opacity: 1;
|
||||
}
|
||||
.context-menu ul {
|
||||
color: var(--color-slate-800, oklch(.279 .041 260.031));
|
||||
}
|
||||
:where(.context-menu ul > :not(:last-child)) {
|
||||
--tw-divide-y-reverse: 0;
|
||||
border-bottom-style: var(--tw-border-style);
|
||||
border-top-style: var(--tw-border-style);
|
||||
border-top-width: calc(1px * var(--tw-divide-y-reverse));
|
||||
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
||||
border-color: var(--color-slate-300, oklch(.869 .022 252.894));
|
||||
}
|
||||
.context-menu ul li {
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
gap: calc(var(--spacing, .25rem) * 2);
|
||||
padding: calc(var(--spacing, .25rem) * 2);
|
||||
display: flex;
|
||||
}
|
||||
@media (hover: hover) {
|
||||
.context-menu ul li:hover {
|
||||
background-color: color-mix(in oklab, var(--color-black, #000) 10%, transparent);
|
||||
}
|
||||
}
|
||||
.context-menu ul li svg {
|
||||
width: calc(var(--spacing, .25rem) * 5);
|
||||
height: calc(var(--spacing, .25rem) * 5);
|
||||
}
|
||||
@property --tw-translate-x {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-translate-y {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-translate-z {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-border-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
@property --tw-backdrop-blur {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-brightness {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-contrast {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-grayscale {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-hue-rotate {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-invert {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-opacity {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-saturate {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-backdrop-sepia {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-divide-y-reverse {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
button.selected[data-v-601167b6] {
|
||||
background-color: var(--color-sky-500, oklch(.685 .169 237.323));
|
||||
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
--tw-ring-color: var(--color-sky-500, oklch(.685 .169 237.323));
|
||||
--tw-ring-offset-width: 1px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
}
|
||||
@property --tw-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-ring-inset {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-offset-width {
|
||||
syntax: "<length>";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-ring-offset-color {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: #fff;
|
||||
}
|
||||
@property --tw-ring-offset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.insert-output[data-v-d2aab140] {
|
||||
margin-bottom: calc(var(--spacing, .25rem) * 4);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.insert-key__direction[data-v-d2aab140] {
|
||||
margin-top: calc(var(--spacing, .25rem) * 6);
|
||||
justify-content: center;
|
||||
gap: calc(var(--spacing, .25rem) * 2);
|
||||
display: flex;
|
||||
}
|
||||
button.selected[data-v-d2aab140] {
|
||||
background-color: var(--color-sky-500, oklch(.685 .169 237.323));
|
||||
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
--tw-ring-color: var(--color-sky-500, oklch(.685 .169 237.323));
|
||||
--tw-ring-offset-width: 1px;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
}
|
||||
@property --tw-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-shadow-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-inset-ring-color {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-inset-ring-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
@property --tw-ring-inset {
|
||||
syntax: "*";
|
||||
inherits: false
|
||||
}
|
||||
@property --tw-ring-offset-width {
|
||||
syntax: "<length>";
|
||||
inherits: false;
|
||||
initial-value: 0;
|
||||
}
|
||||
@property --tw-ring-offset-color {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: #fff;
|
||||
}
|
||||
@property --tw-ring-offset-shadow {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: 0 0 #0000;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-edit__dialogs[data-v-bf9e32be] {
|
||||
flex-grow: 1;
|
||||
justify-content: flex-end;
|
||||
display: flex;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-recorder__header[data-v-19251359] {
|
||||
gap: calc(var(--spacing, .25rem) * 4);
|
||||
width: 100%;
|
||||
display: grid;
|
||||
}
|
||||
.macro-recorder__header .edit__buttons[data-v-19251359] {
|
||||
justify-content: space-between;
|
||||
gap: calc(var(--spacing, .25rem) * 2);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.macro-recorder__header > div[data-v-19251359] {
|
||||
align-items: flex-end;
|
||||
gap: calc(var(--spacing, .25rem) * 2);
|
||||
display: flex;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-recorder__footer[data-v-fec5e8b6] {
|
||||
justify-content: space-between;
|
||||
gap: calc(var(--spacing, .25rem) * 2);
|
||||
display: flex;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-recorder {
|
||||
height: 100%;
|
||||
}
|
||||
.recorder-interface {
|
||||
gap: calc(var(--spacing, .25rem) * 4);
|
||||
height: 100%;
|
||||
transition-property: grid-template-rows;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
grid-template-rows: auto 1fr auto;
|
||||
display: grid;
|
||||
}
|
||||
.recorder-interface__container {
|
||||
border-radius: var(--radius-lg, .5rem);
|
||||
border-style: var(--tw-border-style);
|
||||
border-width: 1px;
|
||||
border-color: var(--color-slate-600, oklch(.446 .043 257.281));
|
||||
background-color: color-mix(in oklab, var(--color-slate-950, oklch(.129 .042 264.695)) 50%, transparent);
|
||||
width: 100%;
|
||||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
.recorder-interface__container.record {
|
||||
border-color: var(--color-rose-300, oklch(.81 .117 11.638));
|
||||
background-color: color-mix(in oklab, var(--color-rose-400, oklch(.712 .194 13.428)) 10%, transparent);
|
||||
}
|
||||
.recorder-interface__container.edit {
|
||||
border-color: var(--color-sky-300, oklch(.828 .111 230.318));
|
||||
background-color: color-mix(in oklab, var(--color-sky-900, oklch(.391 .09 240.876)) 10%, transparent);
|
||||
}
|
||||
#macro-name {
|
||||
border-color: #0000;
|
||||
border-bottom-color: var(--color-slate-300, oklch(.869 .022 252.894));
|
||||
width: 100%;
|
||||
padding-block: calc(var(--spacing, .25rem) * 0);
|
||||
font-size: var(--text-lg, 1.125rem);
|
||||
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
||||
outline-style: var(--tw-outline-style);
|
||||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
||||
background-color: #0000;
|
||||
border-radius: 0;
|
||||
outline-width: 0;
|
||||
}
|
||||
#macro-name:focus {
|
||||
border-color: #0000;
|
||||
border-bottom-color: var(--color-sky-400, oklch(.746 .16 232.661));
|
||||
background-color: color-mix(in oklab, var(--color-sky-400, oklch(.746 .16 232.661)) 10%, transparent);
|
||||
}
|
||||
.disabled {
|
||||
pointer-events: none;
|
||||
cursor: not-allowed;
|
||||
opacity: .5;
|
||||
}
|
||||
@property --tw-border-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
@property --tw-outline-style {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
initial-value: solid;
|
||||
}
|
||||
/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
|
||||
.macro-panel__content[data-v-c7be9772] {
|
||||
gap: calc(var(--spacing, .25rem) * 6);
|
||||
padding-top: calc(var(--spacing, .25rem) * 2);
|
||||
grid-template-columns: 25ch 1fr;
|
||||
display: grid;
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,9 +0,0 @@
|
|||
import { _ as _export_sfc, c as createElementBlock, o as openBlock } from "./index-GNAKlyBz.js";
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return openBlock(), createElementBlock("div");
|
||||
}
|
||||
const PanelsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
export {
|
||||
PanelsView as default
|
||||
};
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
import { _ as _export_sfc, c as createElementBlock, o as openBlock } from "./index-GNAKlyBz.js";
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return openBlock(), createElementBlock("div");
|
||||
}
|
||||
const SettingsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
export {
|
||||
SettingsView as default
|
||||
};
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,19 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="src/assets/Macrame-Logo-gradient.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="preconnect" href="https://fonts.bunny.net" />
|
||||
<link
|
||||
href="https://fonts.bunny.net/css?family=fira-code:300,500,700|roboto:100,300,700"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<title>Vite + Vue</title>
|
||||
<script type="module" crossorigin src="/assets/index-GNAKlyBz.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DjeOPht9.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue