yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(ui): fix layout and size of install progress and done screens

Browse Source
This commit is contained in:
Brian McGee
2025-08-25 17:51:20 +01:00
parent 68b264970a
commit 326cb60aea
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pkgs/clan-app/ui/src/workflows/Install/install.tsx
View File

@@ -96,6 +96,8 @@ export const InstallModal = (props: InstallModalProps) => {
switch (currentStep.id) {
case "create:progress":
case "create:done":
case "install:progress":
case "install:done":
return currentStep.class;
default:

6
pkgs/clan-app/ui/src/workflows/Install/steps/installSteps.tsx
View File

@@ -667,13 +667,13 @@ const InstallProgress = () => {
);
return (
<div class="relative flex size-full flex-col items-center justify-center bg-inv-4">
<div class="relative flex size-full flex-col items-center justify-end bg-inv-4">
<img
src="/logos/usb-stick-min.png"
alt="usb logo"
class="absolute top-2 z-0"
/>
<div class="z-10 mb-6 flex w-full max-w-md flex-col items-center gap-3 fg-inv-1">
<div class="z-10 mb-6 flex w-full max-w-md flex-col items-center gap-2 fg-inv-1">
<Typography
hierarchy="title"
size="default"
@@ -805,10 +805,12 @@ export const installSteps = [
id: "install:progress",
content: InstallProgress,
isSplash: true,
class: "max-w-[30rem] h-[18rem]",
},
{
id: "install:done",
content: InstallDone,
isSplash: true,
class: "max-w-[30rem] h-[18rem]",
},
] as const;