Enhance Search input to be larger

AhmedHelalAhmed · Sep 4, 2021 · 7ec31fc · 7ec31fc
1 parent 28ea676
commit 7ec31fc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/public/css/app.css b/public/css/app.css
@@ -1299,6 +1299,9 @@ select {
 .w-72 {
 	width: 18rem;
 }
+.w-1\/2 {
+	width: 50%;
+}
 .min-w-0 {
 	min-width: 0px;
 }

diff --git a/public/js/app.js b/public/js/app.js
@@ -24781,7 +24781,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return _ctx.filter && _ctx.filter.apply(_ctx, arguments);
         }, ["prevent"]))
       }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_6, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("input", {
-        "class": "border-2 border-gray-300 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-none",
+        "class": "w-1/2 border-2 border-gray-300 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-none",
         type: "search",
         name: "title",
         placeholder: "Search by title",

diff --git a/resources/js/Pages/Channels/Videos/index.vue b/resources/js/Pages/Channels/Videos/index.vue
@@ -24,7 +24,7 @@
                 <form @submit.prevent="filter">
                     <div class="pt-2 relative mx-auto text-gray-600">
                         <input
-                            class="border-2 border-gray-300 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-none"
+                            class="w-1/2 border-2 border-gray-300 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-none"
                             type="search" name="title" placeholder="Search by title" v-model="form.title">
                     </div>
                     <div class="mt-4">