tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Show hex color code in filament page and improve styling

Browse Source
This commit is contained in:
Panagiotis Doulgeris
2024-11-01 21:36:17 +01:00
parent 39aea03a01
commit fd256bab95
2 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/spoolIcon.css
View File

@@ -3,7 +3,6 @@
width: 1.5em; width: 1.5em;
height: 2.5em; height: 2.5em;
gap: 2px; gap: 2px;
margin: 0 0.5em;
} }
.spool-icon.vertical { .spool-icon.vertical {

1
client/src/pages/filaments/show.tsx
View File

@@ -89,6 +89,7 @@ export const FilamentShow: React.FC<IResourceComponentsProps> = () => {
<TextField value={record?.name} /> <TextField value={record?.name} />
<Title level={5}>{t("filament.fields.color_hex")}</Title> <Title level={5}>{t("filament.fields.color_hex")}</Title>
{colorObj && <SpoolIcon color={colorObj} size="large" />} {colorObj && <SpoolIcon color={colorObj} size="large" />}
{record?.color_hex && <TextField value={`#${record?.color_hex}`} />}
<Title level={5}>{t("filament.fields.material")}</Title> <Title level={5}>{t("filament.fields.material")}</Title>
<TextField value={record?.material} /> <TextField value={record?.material} />
<Title level={5}>{t("filament.fields.price")}</Title> <Title level={5}>{t("filament.fields.price")}</Title>