Merge pull request #2363 from roiLeo/feature/navbar/searchUI

yangwao · web-flow · commit 4b51f4e601d4 · 2022-02-15T16:26:45.000+01:00
✨ better navbar search design
diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -153,6 +153,13 @@ export default class NavbarMenu extends mixins(PrefixMixin) {
   .search-navbar {
     flex-grow: 1;
     margin: 0rem 1rem;
+    input {
+      border: inherit;
+      background-color: #29292f;
+      &::placeholder {
+        color: #898991 !important;
+      }
+    }
   }
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -153,6 +153,13 @@ export default class NavbarMenu extends mixins(PrefixMixin) {`
`153`	`153`	`.search-navbar {`
`154`	`154`	`flex-grow: 1;`
`155`	`155`	`margin: 0rem 1rem;`
	`156`	`+ input {`
	`157`	`+ border: inherit;`
	`158`	`+ background-color: #29292f;`
	`159`	`+ &::placeholder {`
	`160`	`+ color: #898991 !important;`
	`161`	`+ }`
	`162`	`+ }`
`156`	`163`	`}`
`157`	`164`	`}`
`158`	`165`	`</style>`