Add search form

2017-11-23 21:22:42 +09:00 · 2017-11-23 21:22:42 +09:00 · 7b44b65247
commit 7b44b65247
parent 4e5ddc1d57
4 changed files with 131 additions and 19 deletions
--- a/src/settings/components/form/search-engine-form.scss
+++ b/src/settings/components/form/search-engine-form.scss
@ -0,0 +1,38 @@
+.form-search-engine-form {
+  @mixin row-base {
+    display: flex;
+
+    .column-name {
+      flex: 1;
+    }
+    .column-url {
+      flex: 5;
+    }
+    .column-option {
+      text-align: right;
+      flex-basis: 5rem;
+    }
+  }
+
+  &-header {
+    @include row-base;
+
+    font-weight: bold;
+  }
+
+  &-row {
+    @include row-base;
+
+    .column-option input[type='button'] {
+      border: none;
+      padding: 4;
+      display: inline;
+      background: none;
+      color: red;
+
+      &:hover {
+        color: darkred;
+      }
+    }
+  }
+}