fix: updated class-name on warning-message

Eyevinn · Apr 24, 2024 · 64de558 · 64de558
1 parent bd394f9
commit 64de558
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/landing-page/form-elements.tsx b/src/components/landing-page/form-elements.tsx
@@ -83,7 +83,7 @@ export const StyledWarningMessage = styled.div`
   display: flex;
   align-items: center;
 
-  &.with-loader {
+  &.with-min-width {
     min-width: 27rem;
   }
 `;
diff --git a/src/components/landing-page/join-production.tsx b/src/components/landing-page/join-production.tsx
@@ -207,7 +207,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                 ))}
               </FormSelect>
             ) : (
-              <StyledWarningMessage className="with-loader">
+              <StyledWarningMessage className="with-min-width">
                 Controlled by operating system
               </StyledWarningMessage>
             )}
@@ -234,7 +234,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                   ))}
               </FormSelect>
               {!production && (
-                <StyledWarningMessage className="with-loader">
+                <StyledWarningMessage className="with-min-width">
                   Please enter a production id
                   {loading && <LoaderDots className="in-active" text="" />}
                 </StyledWarningMessage>

diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
@@ -194,7 +194,7 @@ export const ManageProductions = () => {
           )}
         </>
       ) : (
-        <StyledWarningMessage className="with-loader">
+        <StyledWarningMessage className="with-min-width">
           Please enter a production id
           {fetchLoader && <LoaderDots className="in-active" text="" />}
         </StyledWarningMessage>