feat: floating input label

2021-08-07 14:51:13 +05:30
parent 92abbc4ce6
commit 3d963a7719
24 changed files with 132 additions and 128 deletions
--- a/components/collections/SaveRequest.vue
+++ b/components/collections/SaveRequest.vue
@@ -6,15 +6,18 @@
    </template>
    <template #body>
      <div class="flex flex-col px-2">
-        <label for="selectLabelSaveReq" class="font-semibold px-4 pb-4">
-          {{ $t("request.name") }}
-        </label>
-        <input
-          id="selectLabelSaveReq"
-          v-model="requestName"
-          class="input"
-          type="text"
-        />
+        <div class="flex relative">
+          <input
+            id="selectLabelSaveReq"
+            v-model="requestName"
+            class="input floating-input"
+            placeholder=" "
+            type="text"
+          />
+          <label for="selectLabelSaveReq">
+            {{ $t("request.name") }}
+          </label>
+        </div>
        <label class="font-semibold px-4 pt-4 pb-4">
          {{ $t("collection.select_location") }}
        </label>