Added css

huridocs · Feb 11, 2022 · c86bfb3 · c86bfb3
1 parent a7d049b
commit c86bfb3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/app/react/App/scss/elements/_controls.scss b/app/react/App/scss/elements/_controls.scss
@@ -205,7 +205,7 @@
   box-shadow: none;
 }
 
-input[type=number].form-control {
+input[type='number'].form-control {
   &::-webkit-inner-spin-button,
   &::-webkit-outer-spin-button {
     margin: 0;
@@ -267,6 +267,10 @@ input[type=number].form-control {
   .form-control {
     border-color: $c-danger;
   }
+  .error-message {
+    color: $c-danger;
+  }
+
   .error {
     display: block;
     position: absolute;

diff --git a/app/react/Settings/components/CollectionSettings.tsx b/app/react/Settings/components/CollectionSettings.tsx
@@ -119,7 +119,7 @@ const CollectionSettings = ({
               <input type="text" className="form-control" name="home_page" ref={register} />
             </div>
             <div className="has-error">
-              {errors.home_page && <div style={{ color: '#D9534F' }}>Invalid home page url</div>}
+              {errors.home_page && <div className="error-message">Invalid home page url</div>}
             </div>
           </ToggleChildren>
         </SettingsFormElement>