🐛 Header scaling

This commit is contained in:
Manuel
2023-08-21 21:37:35 +02:00
parent cfde1b6ece
commit e8fa3b5e9a
3 changed files with 21 additions and 184 deletions

View File

@@ -1,11 +1,11 @@
import { Stack, Stepper } from '@mantine/core';
import { useState } from 'react';
import { StepUpdatePathMappings } from './step-update-path-mappings';
import { StepCreateAccount } from './step-create-account';
import { StepOnboardingFinished } from './step-onboarding-finished';
import { StepDockerImport } from './step-docker-import';
import { StepDocumentation } from './step-documentation';
import { StepOnboardingFinished } from './step-onboarding-finished';
import { StepUpdatePathMappings } from './step-update-path-mappings';
export const OnboardingSteps = ({ isUpdate }: { isUpdate: boolean }) => {
const [currentStep, setCurrentStep] = useState(0);
@@ -14,7 +14,12 @@ export const OnboardingSteps = ({ isUpdate }: { isUpdate: boolean }) => {
return (
<Stack p="lg">
<Stepper active={currentStep} onStepClick={setCurrentStep} breakpoint="sm">
<Stepper
allowNextStepsSelect={false}
active={currentStep}
onStepClick={setCurrentStep}
breakpoint="sm"
>
{isUpdate && (
<Stepper.Step
label="Update your installation"

View File

@@ -140,6 +140,8 @@ export const StepUpdatePathMappings = ({ next }: { next: () => void }) => {
{dockerComposeCommand}
</Prism>
</List.Item>
<List.Item>Run <Code>docker compose up</Code>.</List.Item>
<List.Item>Refresh this page and click on "continue"</List.Item>
</List>
</Tabs.Panel>
@@ -168,6 +170,8 @@ export const StepUpdatePathMappings = ({ next }: { next: () => void }) => {
innermost directory should be different, than your existing mounting points (eg.{' '}
<Code>/mnt/user/appdata/homarr/data</Code>)
</List.Item>
<List.Item>Click "Apply" and wait for the container to be restarted.</List.Item>
<List.Item>Refresh this page and click on "continue"</List.Item>
</List>
</Tabs.Panel>