xt/estim_control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor empty promption.

Browse Source
This commit is contained in:
Vixalie
2025-03-10 21:24:42 +08:00
parent a3b0d9071a
commit add11be2b7
2 changed files with 1 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/page-components/device/DeviceList.module.css
View File

@@ -41,11 +41,5 @@
background-color: color-mix(in oklch, var(--color-on-surface) 8%, transparent); background-color: color-mix(in oklch, var(--color-on-surface) 8%, transparent);
} }
} }
.empty_prompt {
padding-block: calc(var(--spacing) * 1);
text-align: center;
font-size: calc(var(--font-size) * 0.8);
color: var(--color-on-surface-variant);
}
} }
} }

2
src/page-components/device/DeviceList.tsx
View File

@@ -10,7 +10,7 @@ const AvailableDevices: FC = () => {
return ( return (
<div className={styles.devices_list}> <div className={styles.devices_list}>
{devices.length === 0 && <div className={styles.empty_prompt}>No available devices.</div>} {devices.length === 0 && <div className="empty_prompt">No available devices.</div>}
{devices.map((device, index) => ( {devices.map((device, index) => (
<div key={index} className={styles.device_card}> <div key={index} className={styles.device_card}>
<div className={styles.device_name}>{device.represent}</div> <div className={styles.device_name}>{device.represent}</div>