Added initial voice work edit logic (set favorite / delete) on Api and UI layers.
All checks were successful
ci / build-test (push) Successful in 2m44s
ci / publish-image (push) Successful in 1m45s

This commit is contained in:
2026-05-07 00:07:20 -04:00
parent 2bd7e3b970
commit 9c9e33ebec
14 changed files with 291 additions and 57 deletions

View File

@@ -0,0 +1,48 @@
/* Modals */
.ant-modal-content {
background-color: var(--ant-modal-content-bg);
border-radius: var(--ant-border-radius-lg);
border-width: 1px;
border-style: solid;
border-top-color: rgb(83, 99, 109);
border-left-color: rgb(72, 88, 99);
border-right-color: rgb(72, 88, 99);
border-bottom-color: rgb(63, 78, 88);
}
.ant-modal-confirm-title {
color: var(--ant-modal-title-color);
text-shadow: 1px 1px 2px black;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
color: var(--ant-color-text);
}
/* Buttons */
.ant-btn {
font-weight: var(--ant-button-font-weight);
border: var(--ant-btn-border-width) var(--ant-btn-border-style) var(--ant-btn-border-color);
color: var(--ant-btn-text-color);
background-color: var(--ant-btn-bg-color);
}
/*
--ant-button-font-weight: 400;
--ant-button-icon-gap: 8px;
--ant-button-padding-inline: 15px;
--ant-button-default-border-color: rgba(180, 200, 214, 0.25);
--ant-button-content-font-size: 14px;
--ant-btn-color-base: var(--ant-button-default-border-color);
--ant-btn-text-color: var(--ant-button-default-color);
--ant-btn-text-color-hover: var(--ant-button-default-hover-color);
--ant-btn-shadow: var(--ant-button-default-shadow);
--ant-btn-border-color: var(--ant-btn-color-base);
--ant-btn-border-color-hover: var(--ant-btn-color-hover);
--ant-btn-border-color-active: var(--ant-btn-color-active);
--ant-btn-bg-color: var(--ant-btn-bg-color-container);
--ant-btn-text-color: var(--ant-btn-color-base);
--ant-btn-text-color-hover: var(--ant-btn-color-hover);
--ant-btn-text-color-active: var(--ant-btn-color-active);
*/

View File

@@ -669,11 +669,21 @@ code {
border: 1px solid transparent;
}
.j-chip.is-clickable {
cursor: pointer;
user-select: none;
transition: background .2s linear, color .2s linear, border-color .2s linear, filter .2s linear;
}
.j-chip-icon-only {
padding: .75em;
border-radius: 2em;
}
.j-chip-thick-border,
.j-chip.varient-outlined.j-chip-thick-border {
border-width: 2px;
}
.j-chip.is-clickable {
cursor: pointer;
user-select: none;
transition: background .2s linear, color .2s linear, border-color .2s linear, filter .2s linear;
}
.j-chip.is-clickable:hover {
filter: brightness(1.2);
@@ -770,6 +780,10 @@ code {
--chip-fg-rgb: var(--rgb-on-yellow, 255 255 255);
}
.j-chip.color-orange {
--chip-rgb: var(--rgb-orange);
}
.j-chip.color-pink {
color: rgb(var(--chip-fg-rgb));
--chip-rgb: var(--rgb-pink);
@@ -955,6 +969,14 @@ code {
mask-image: url("../svg/microphone-fill.svg");
}
.j-icon-pencil {
mask-image: url("../svg/pencil.svg");
}
.j-icon-pencil-fill {
mask-image: url("../svg/pencil-fill.svg");
}
.j-icon-2 {
background-repeat: no-repeat;
background-position: center;

View File

@@ -48,6 +48,7 @@
--rgb-blue: 115 196 255;
--rgb-yellow: 255 224 115;
--rgb-on-yellow: 0 0 0;
--rgb-orange: 255 167 115;
--rgb-pink: 224 104 148;
--rgb-on-pink: 255 255 255;
--rgb-red: 224 104 104;
@@ -74,6 +75,44 @@
--surface-container-outline-high: rgb(83, 99, 109);
--surface-container-outline: rgb(72, 88, 99);
--surface-container-outline-low: rgb(63, 78, 88);
/* Ant Design - Modals */
--ant-color-text: #b4c8d6;
--ant-modal-content-bg: #273f50;
--ant-modal-title-color: #b4c8d6;
/* Ant Design - Buttons */
/* Button Part I */
--ant-btn-text-color: var(--ant-button-default-color);
--ant-btn-text-color-hover: var(--ant-button-default-hover-color);
--ant-btn-text-color-active: var(--ant-button-default-active-color);
--ant-btn-bg-color-container: var(--ant-button-default-bg);
--ant-btn-bg-color-hover: var(--ant-button-default-hover-bg);
--ant-btn-bg-color-active: var(--ant-button-default-active-bg);
/* Part II */
--ant-button-default-bg: #1e3545;
--ant-button-default-border-color: rgba(180, 200, 214, 0.25);
--ant-button-font-weight: 400;
--ant-button-icon-gap: 8px;
--ant-button-padding-inline: 15px;
--ant-button-content-font-size: 14px;
--ant-border-radius-lg: 16px;
--ant-button-font-weight: 400;
--ant-btn-border-width: var(--ant-line-width);
--ant-btn-border-color: #000;
--ant-btn-border-color-hover: var(--ant-btn-border-color);
--ant-btn-border-color-active: var(--ant-btn-border-color);
--ant-btn-border-color-disabled: var(--ant-btn-border-color);
--ant-btn-border-style: solid;
--ant-btn-text-color: #000;
--ant-btn-text-color-hover: var(--ant-btn-text-color);
--ant-btn-text-color-active: var(--ant-btn-text-color);
--ant-btn-text-color-disabled: var(--ant-btn-text-color);
--ant-btn-border-color: var(--ant-btn-color-base);
--ant-btn-border-color-hover: var(--ant-btn-color-hover);
--ant-btn-border-color-active: var(--ant-btn-color-active);
--ant-btn-bg-color: var(--ant-btn-bg-color-container);
--ant-btn-text-color: var(--ant-btn-color-base);
--ant-btn-text-color-hover: var(--ant-btn-color-hover);
--ant-btn-text-color-active: var(--ant-btn-color-active);
}
/*