anotherhadi/ilovetui
1
Fork 0
mirror of https://github.com/anotherhadi/ilovetui.git synced 2026-10-05 10:58:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix notifications background

Browse Source 
Signed-off-by: Hadi <[email protected]>
This commit is contained in:
Hadi
2026-09-07 10:47:22 +02:00
parent ad619d23d5
commit b8dc56adb1
4 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/chunk-b0h95a6q.js → dist/chunk-fqzxyvhv.js
Vendored
+7 -5
View File
@@ -52,19 +52,21 @@ function NotificationHost(props = {}) {
_$insert(_el$3, () => toast.title ?? KIND_LABEL[toast.kind]); _$insert(_el$3, () => toast.title ?? KIND_LABEL[toast.kind]);
_$insert(_el$4, () => toast.message); _$insert(_el$4, () => toast.message);
_$effect((_p$) => { _$effect((_p$) => {
var _v$ = theme.borderStyle, _v$2 = colorFor(toast.kind), _v$3 = props.width ?? 32, _v$4 = theme.mouse ? () => dismiss(toast.id) : undefined, _v$5 = colorFor(toast.kind); var _v$ = theme.borderStyle, _v$2 = colorFor(toast.kind), _v$3 = props.backgroundColor ?? theme.background, _v$4 = props.width ?? 32, _v$5 = theme.mouse ? () => dismiss(toast.id) : undefined, _v$6 = colorFor(toast.kind);
_v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "borderStyle", _v$, _p$.e)); _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "borderStyle", _v$, _p$.e));
_v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "borderColor", _v$2, _p$.t)); _v$2 !== _p$.t && (_p$.t = _$setProp(_el$2, "borderColor", _v$2, _p$.t));
_v$3 !== _p$.a && (_p$.a = _$setProp(_el$2, "width", _v$3, _p$.a)); _v$3 !== _p$.a && (_p$.a = _$setProp(_el$2, "backgroundColor", _v$3, _p$.a));
_v$4 !== _p$.o && (_p$.o = _$setProp(_el$2, "onMouseDown", _v$4, _p$.o)); _v$4 !== _p$.o && (_p$.o = _$setProp(_el$2, "width", _v$4, _p$.o));
_v$5 !== _p$.i && (_p$.i = _$setProp(_el$3, "fg", _v$5, _p$.i)); _v$5 !== _p$.i && (_p$.i = _$setProp(_el$2, "onMouseDown", _v$5, _p$.i));
_v$6 !== _p$.n && (_p$.n = _$setProp(_el$3, "fg", _v$6, _p$.n));
return _p$; return _p$;
}, { }, {
e: undefined, e: undefined,
t: undefined, t: undefined,
a: undefined, a: undefined,
o: undefined, o: undefined,
i: undefined i: undefined,
n: undefined
}); });
return _el$2; return _el$2;
})() })()
dist/components/NotificationHost.js
Vendored
+1 -1
View File
@@ -1,7 +1,7 @@
// @bun // @bun
import { import {
NotificationHost NotificationHost
} from "../chunk-b0h95a6q.js"; } from "../chunk-fqzxyvhv.js";
import"../chunk-x7m82z3z.js"; import"../chunk-x7m82z3z.js";
import"../chunk-7f8jagy5.js"; import"../chunk-7f8jagy5.js";
import"../chunk-hcq62p48.js"; import"../chunk-hcq62p48.js";
dist/components/index.js
Vendored
+1 -1
View File
@@ -4,7 +4,7 @@ import {
} from "../chunk-kd78dgfb.js"; } from "../chunk-kd78dgfb.js";
import { import {
NotificationHost NotificationHost
} from "../chunk-b0h95a6q.js"; } from "../chunk-fqzxyvhv.js";
import { import {
Toggle Toggle
} from "../chunk-mezyz219.js"; } from "../chunk-mezyz219.js";
src/components/NotificationHost.tsx
+2
View File
@@ -14,6 +14,7 @@ const KIND_LABEL: Record<NotificationKind, string> = {
export interface NotificationHostProps { export interface NotificationHostProps {
width?: number; width?: number;
colors?: Partial<Record<NotificationKind, ColorInput>>; colors?: Partial<Record<NotificationKind, ColorInput>>;
backgroundColor?: ColorInput;
} }
export function NotificationHost(props: NotificationHostProps = {}) { export function NotificationHost(props: NotificationHostProps = {}) {
@@ -34,6 +35,7 @@ export function NotificationHost(props: NotificationHostProps = {}) {
border border
borderStyle={theme.borderStyle} borderStyle={theme.borderStyle}
borderColor={colorFor(toast.kind)} borderColor={colorFor(toast.kind)}
backgroundColor={props.backgroundColor ?? theme.background}
width={props.width ?? 32} width={props.width ?? 32}
marginBottom={1} marginBottom={1}
onMouseDown={theme.mouse ? () => dismiss(toast.id) : undefined} onMouseDown={theme.mouse ? () => dismiss(toast.id) : undefined}