fix reviews

SlimeVR · Nov 29, 2024 · 9277e66 · 9277e66
1 parent 16d2c6b
commit 9277e66
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 12 deletions.
diff --git a/gui/src/components/onboarding/pages/body-proportions/autobone-steps/CheckFloorHeight.tsx b/gui/src/components/onboarding/pages/body-proportions/autobone-steps/CheckFloorHeight.tsx
@@ -61,8 +61,8 @@ export function CheckFloorHeightStep({
   });
   return (
     <>
-      <div className="flex flex-col flex-grow">
-        <div className="flex gap-1 flex-grow">
+      <div className="flex flex-col">
+        <div className="flex flex-grow">
           <div className="flex flex-grow flex-col gap-4">
             <Typography variant="main-title" bold>
               {l10n.getString(

diff --git a/gui/src/components/onboarding/pages/body-proportions/autobone-steps/CheckHeight.tsx b/gui/src/components/onboarding/pages/body-proportions/autobone-steps/CheckHeight.tsx
@@ -6,10 +6,8 @@ import { Localized, useLocalization } from '@fluent/react';
 import { useMemo, useState } from 'react';
 import { useLocaleConfig } from '@/i18n/config';
 import { TipBox } from '@/components/commons/TipBox';
-import { useBreakpoint } from '@/hooks/breakpoint';
 import { useHeightContext } from '@/hooks/height';
 import { useInterval } from '@/hooks/timeout';
-import classNames from 'classnames';
 
 export function CheckHeightStep({
   nextStep,
@@ -24,7 +22,6 @@ export function CheckHeightStep({
   const { hmdHeight, setHmdHeight } = useHeightContext();
   const [fetchedHeight, setFetchedHeight] = useState(false);
   const [fetchHeight, setFetchHeight] = useState(false);
-  const { isMobile } = useBreakpoint('mobile');
   const { sendRPCPacket, useRPCPacket } = useWebsocketAPI();
   const { currentLocales } = useLocaleConfig();
 
@@ -54,7 +51,7 @@ export function CheckHeightStep({
   return (
     <>
       <div className="flex flex-col flex-grow">
-        <div className="flex gap-1 flex-grow">
+        <div className="flex gap-2 flex-grow">
           <div className="flex flex-grow flex-col gap-4">
             <Typography variant="main-title" bold>
               {l10n.getString(
@@ -139,10 +136,7 @@ export function CheckHeightStep({
           <div className="self-center">
             <img
               src="/images/front-standing-pose.webp"
-              className={classNames(
-                isMobile && 'min-w-[120px] w-[150px]',
-                !isMobile && 'min-w-[120px] w-[34vh]'
-              )}
+              className="mobile:w-[150px] min-w-[120px] w-[34vh]"
               alt="Reset position"
             />
           </div>

diff --git a/gui/src/components/onboarding/pages/body-proportions/scaled-steps/Done.tsx b/gui/src/components/onboarding/pages/body-proportions/scaled-steps/Done.tsx
@@ -8,7 +8,7 @@ export function DoneStep({ variant }: { variant: 'onboarding' | 'alone' }) {
 
   return (
     <div className="flex flex-col items-center w-full justify-center gap-5">
-      <div className="flex gap-1 flex-col justify-center items-center">
+      <div className="flex gap-2 flex-col justify-center items-center">
         <Typography variant="section-title">
           {l10n.getString('onboarding-scaled_proportions-done-title')}
         </Typography>

diff --git a/gui/src/components/onboarding/pages/body-proportions/scaled-steps/ManualHeightStep.tsx b/gui/src/components/onboarding/pages/body-proportions/scaled-steps/ManualHeightStep.tsx
@@ -69,7 +69,7 @@ export function ManualHeightStep({
   return (
     <>
       <div className="flex flex-col flex-grow">
-        <div className="flex gap-1 flex-grow">
+        <div className="flex gap-2 flex-grow">
           <div className="flex flex-grow flex-col gap-4">
             <Typography variant="main-title" bold>
               {l10n.getString(