Skip to content

Commit

Permalink
fix: Positioning minor fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@unlight
unlight committed May 1, 2021
1 parent d4a9d48 commit 9ce095a
Show file tree
Hide file tree
Showing 4 changed files with 2,062 additions and 47 deletions.
22 changes: 12 additions & 10 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,17 +23,19 @@
placeholder="Name"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1"
/>
<label for="name" class="is-float-label bg-white text-gray-700">Name</label>
<label for="name" class="is-float-label bg-white text-gray-500">Name</label>
</div>
<div class="has-float-label">
<label for="Login" class="is-float-label bg-white text-gray-700">Login</label>
<label for="Login" class="is-float-label bg-white text-gray-500"
>Login (Always visible)</label
>
<input
type="text"
id="Login"
autocomplete="off"
placeholder="Login"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-base"
value="Login"
value=""
/>
</div>
<div class="has-float-label">
Expand All @@ -45,7 +47,7 @@
value="test@example.com"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-lg"
/>
<label for="Email" class="is-float-label bg-white text-gray-700">Email</label>
<label for="Email" class="is-float-label bg-white text-gray-500">Email</label>
</div>

<div class="has-float-label">
Expand All @@ -56,7 +58,7 @@
value="Password"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-xl"
/>
<label for="Password" class="is-float-label bg-white text-gray-700">Password</label>
<label for="Password" class="is-float-label bg-white text-gray-500">Password</label>
</div>

<div class="has-float-label">
Expand All @@ -68,7 +70,7 @@
value="Job Title"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-2xl"
/>
<label for="Job Title" class="is-float-label bg-white text-gray-700"
<label for="Job Title" class="is-float-label bg-white text-gray-500"
>Job Title</label
>
</div>
Expand All @@ -81,7 +83,7 @@
value="Status"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-3xl"
/>
<label for="Status" class="is-float-label bg-white text-gray-700">Status</label>
<label for="Status" class="is-float-label bg-white text-gray-500">Status</label>
</div>

<div class="has-float-label">
Expand All @@ -92,7 +94,7 @@
value="Image"
class="control-with-float-label outline-none focus:shadow-outline border w-full px-1 text-xs"
/>
<label for="Image" class="is-float-label bg-white text-gray-700">Image</label>
<label for="Image" class="is-float-label bg-white text-gray-500">Image</label>
</div>

<div class="has-float-label">
Expand All @@ -107,7 +109,7 @@
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
<label class="is-float-label bg-white text-gray-700" for="Select">Select</label>
<label class="is-float-label bg-white text-gray-500" for="Select">Select</label>
</div>

<div class="has-float-label">
Expand All @@ -117,7 +119,7 @@
>
Bio</textarea
>
<label class="is-float-label bg-white text-gray-700">Bio</label>
<label class="is-float-label bg-white text-gray-500">Bio</label>
</div>
</form>
</body>
Expand Down
Loading

0 comments on commit 9ce095a

Please sign in to comment.