selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2026-04-25 22:55:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remaining dependabot security issues (#890)

Browse Source 
* Upgrade docs deps

* Upgrade frontend to latest deps

* Update package overrides

* Remove redundant deps

* Add tailwind postcss plugin

* Replace language select with chakra

* Fix main nav

* Patch gray matter

* Fix webpack override

* Replace python-jose with pyjwt

* Override kv url for frontend in compose

* Upgrade hatchet sdk

* Update docs

* Supress pydantic warnings
This commit is contained in:
Sergey Mankovsky
2026-03-02 17:17:40 +01:00
committed by GitHub
parent 4d915e2a9f
commit 0931095f49
34 changed files with 20117 additions and 26696 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
www/app/styles/form.scss
View File

@@ -1,42 +1,74 @@
@media (prefers-color-scheme: dark) {
.select-search-container,
.input-container {
--select-search-background: #fff;
--select-search-border: #dce0e8;
--select-search-selected: #1e66f5;
--select-search-text: #000;
--select-search-subtle-text: #6c6f85;
--select-search-highlight: #eff1f5;
/* Form fields on primary (blue) card – white inputs like previous react-select */
.form-on-primary {
--form-bg: #fff;
--form-border: #dce0e8;
--form-focus-border: #1e66f5;
--form-text: #000;
--form-placeholder: #6c6f85;
--form-option-bg: #fff;
--form-option-hover: #eff1f5;
--form-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
--form-radius: 0.5rem; /* 8px, matches rounded-lg elsewhere */
}
.form-on-primary .form-field-input,
.form-on-primary .form-field-select,
.form-on-primary .form-field-search-input {
box-sizing: border-box;
width: 100%;
padding: 0.5rem 0.75rem;
border-radius: var(--form-radius);
border: 1px solid var(--form-border);
background-color: var(--form-bg);
color: var(--form-text);
font-size: 0.9375rem;
outline: none;
cursor: pointer;
&::placeholder {
color: var(--form-placeholder);
}
&:focus {
border-color: var(--form-focus-border);
}
}
body.is-dark-mode .select-search-container,
body.is-dark-mode .input-container {
--select-search-background: #fff;
--select-search-border: #dce0e8;
--select-search-selected: #1e66f5;
--select-search-text: #000;
--select-search-subtle-text: #6c6f85;
--select-search-highlight: #eff1f5;
.form-on-primary .form-field-select option {
background: var(--form-option-bg);
color: var(--form-text);
}
body.is-light-mode .select-search-container,
body.is-light-mode .input-container {
--select-search-background: #fff;
--select-search-border: #dce0e8;
--select-search-selected: #1e66f5;
--select-search-text: #000;
--select-search-subtle-text: #6c6f85;
--select-search-highlight: #eff1f5;
}
/* Chakra Combobox inside form-on-primary: white input + dropdown, dark text */
.form-on-primary .form-combobox {
width: 100%;
.input-container,
.select-search-container {
max-width: 100%;
width: auto;
}
[data-part="control"],
& input {
border-radius: var(--form-radius);
border-color: var(--form-border);
background-color: var(--form-bg);
color: var(--form-text);
body .select-search-container .select-search--top.select-search-select {
top: auto;
bottom: 46px;
&:focus,
&[data-focus] {
border-color: var(--form-focus-border);
}
}
[data-part="content"] {
border-radius: var(--form-radius);
border: 1px solid var(--form-border);
background: var(--form-bg);
box-shadow: var(--form-dropdown-shadow);
color: var(--form-text);
}
[data-part="item"] {
color: var(--form-text);
&:hover {
background: var(--form-option-hover);
}
}
}