Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-07 19:28:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix color preview

Browse Source
This commit is contained in:
Red Adaya 2024-10-23 11:37:03 +08:00
parent 65158febc4
commit 6a84d00b5e
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/app/view/background/background.tsx
View File

@ -12,6 +12,7 @@ import "./background.less";
type BackgroundType = { type BackgroundType = {
label: string; label: string;
color: string;
click: () => void; click: () => void;
}; };
@ -56,6 +57,7 @@ function Background({ model }: { model: BackgroundModel }) {
} }
backgrounds.push({ backgrounds.push({
label: preset["display:name"] ?? presetName, label: preset["display:name"] ?? presetName,
color: preset["bg"] ?? "var(--main-bg-color)",
click: () => { click: () => {
services.ObjectService.UpdateObjectMeta(oref, preset); services.ObjectService.UpdateObjectMeta(oref, preset);
}, },
@ -69,7 +71,7 @@ function Background({ model }: { model: BackgroundModel }) {
{backgrounds.map((bg, index) => { {backgrounds.map((bg, index) => {
return ( return (
<div key={`${bg.label}-${index}`} className="bg-item" onClick={() => bg.click()}> <div key={`${bg.label}-${index}`} className="bg-item" onClick={() => bg.click()}>
<div className="bg-preview" style={{ backgroundColor: bg.label }}></div> <div className="bg-preview" style={{ background: bg.color }}></div>
<div className="bg-label">{bg.label}</div> <div className="bg-label">{bg.label}</div>
</div> </div>
); );