Просмотр исходного кода

implemented so that nothing is to be written in scss

白石誠 5 лет назад
Родитель
Сommit
7f13c1fb97

+ 5 - 5
src/client/js/components/Page/NotFoundAlert.jsx

@@ -12,15 +12,15 @@ const NotFoundAlert = (props) => {
   }
   }
 
 
   return (
   return (
-    <div className="grw-not-found-alert m-4 p-4">
-      <div className="col-md-12">
-        <h2 className="not-found-alert-text lead">
-          <i className="icon-info" aria-hidden="true"></i>
+    <div className="m-4 p-3 border border-info">
+      <div className="col-md-12 p-0">
+        <h2 className="text-info lead">
+          <i className="icon-info pr-2 font-weight-bold" aria-hidden="true"></i>
           {t('not_found_page.page_not_exist_alert')}
           {t('not_found_page.page_not_exist_alert')}
         </h2>
         </h2>
         <button
         <button
           type="button"
           type="button"
-          className="m-2 p-2 btn create-page-btn"
+          className="m-1 pl-3 pr-3 btn bg-info text-white"
           onClick={() => { clickHandler('edit') }}
           onClick={() => { clickHandler('edit') }}
         >
         >
           <i className="icon-note icon-fw" />
           <i className="icon-note icon-fw" />

+ 0 - 15
src/client/styles/scss/theme/_apply-colors.scss

@@ -512,18 +512,3 @@ mark.rbt-highlight-text {
 .grw-btn-page-management:focus {
 .grw-btn-page-management:focus {
   background-color: rgba($color-link, 0.15);
   background-color: rgba($color-link, 0.15);
 }
 }
-
-/*
- * Not Found Alert
- */
-
-.grw-not-found-alert {
-  .not-found-alert-text {
-    color: $info;
-  }
-  .create-page-btn {
-    color: white;
-    background-color: $info;
-  }
-  border: 1px solid $info;
-}

+ 0 - 26
src/client/styles/scss/theme/default.scss

@@ -110,19 +110,6 @@ html[light] {
       @include three-stranded-button($primary, lighten($primary, 65%), lighten($primary, 70%));
       @include three-stranded-button($primary, lighten($primary, 65%), lighten($primary, 70%));
     }
     }
   }
   }
-
-  /*
-  * Not Found Alert
-  */
-  .grw-not-found-alert {
-    .not-found-alert-text {
-      color: $accent;
-    }
-    .create-page-btn {
-      background-color: $accent;
-    }
-    border: 1px solid $accent;
-  }
 }
 }
 
 
 //== Dark Mode
 //== Dark Mode
@@ -219,17 +206,4 @@ html[dark] {
 
 
   // Button
   // Button
   // [TODO: appply colors to three stranded button]
   // [TODO: appply colors to three stranded button]
-
-  /*
-  * Not Found Alert
-  */
-  .grw-not-found-alert {
-    .not-found-alert-text {
-      color: $accent;
-    }
-    .create-page-btn {
-      background-color: $accent;
-    }
-    border: 1px solid $accent;
-  }
 }
 }