Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Adjust EmptyCard icon size and tweak SettingsMacros (#452)

This commit is contained in:
Adam Shiervani 2025-05-15 17:31:20 +02:00 committed by GitHub
parent baf85dcbec
commit 033bdcd645
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/EmptyCard.tsx
View File

@ -30,7 +30,7 @@ export default function EmptyCard({
<div className="max-w-[90%] space-y-1.5 text-center md:max-w-[60%]"> <div className="max-w-[90%] space-y-1.5 text-center md:max-w-[60%]">
<div className="space-y-2"> <div className="space-y-2">
{IconElm && ( {IconElm && (
<IconElm className="mx-auto h-6 w-6 text-blue-600 dark:text-blue-400" /> <IconElm className="mx-auto h-5 w-5 text-blue-600 dark:text-blue-600" />
)} )}
<h4 className="text-base font-bold leading-none text-black dark:text-white"> <h4 className="text-base font-bold leading-none text-black dark:text-white">
{headline} {headline}

5
ui/src/routes/devices.$id.settings.macros.tsx
View File

@ -168,7 +168,7 @@ export default function SettingsMacrosRoute() {
<h3 className="truncate text-sm font-semibold text-black dark:text-white"> <h3 className="truncate text-sm font-semibold text-black dark:text-white">
{macro.name} {macro.name}
</h3> </h3>
<p className="ml-4 mt-1 overflow-hidden text-xs text-slate-500 dark:text-slate-400"> <p className="mt-1 ml-4 overflow-hidden text-xs text-slate-500 dark:text-slate-400">
<span className="flex flex-col items-start gap-1"> <span className="flex flex-col items-start gap-1">
{macro.steps.map((step, stepIndex) => { {macro.steps.map((step, stepIndex) => {
const StepIcon = stepIndex === 0 ? LuMoveRight : LuCornerDownRight; const StepIcon = stepIndex === 0 ? LuMoveRight : LuCornerDownRight;
@ -176,7 +176,7 @@ export default function SettingsMacrosRoute() {
return ( return (
<span key={stepIndex} className="inline-flex items-center"> <span key={stepIndex} className="inline-flex items-center">
<StepIcon className="mr-1 h-3 w-3 shrink-0 text-slate-400 dark:text-slate-500" /> <StepIcon className="mr-1 h-3 w-3 shrink-0 text-slate-400 dark:text-slate-500" />
<span className="px-2 py-0.5 rounded-md border border-slate-200/50 dark:border-slate-700/50 bg-slate-50 dark:bg-slate-800"> <span className="rounded-md border border-slate-200/50 bg-slate-50 px-2 py-0.5 dark:border-slate-700/50 dark:bg-slate-800">
{(Array.isArray(step.modifiers) && {(Array.isArray(step.modifiers) &&
step.modifiers.length > 0) || step.modifiers.length > 0) ||
(Array.isArray(step.keys) && step.keys.length > 0) ? ( (Array.isArray(step.keys) && step.keys.length > 0) ? (
@ -338,6 +338,7 @@ export default function SettingsMacrosRoute() {
<EmptyCard <EmptyCard
IconElm={LuCommand} IconElm={LuCommand}
headline="Create Your First Macro" headline="Create Your First Macro"
description="Combine keystrokes into a single action"
BtnElm={ BtnElm={
<Button <Button
size="SM" size="SM"