From 6efc2a8ee14eaf602d4ecc38cb2159f7ec514764 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Tue, 30 Jul 2019 04:34:15 +0700
Subject: [PATCH] some input appearance

---
 src/components/input/TextInput/styles.scss | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/input/TextInput/styles.scss b/src/components/input/TextInput/styles.scss
index 743b31dd..3bf01683 100644
--- a/src/components/input/TextInput/styles.scss
+++ b/src/components/input/TextInput/styles.scss
@@ -3,11 +3,11 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  height: $input_height;
+  position: relative;
 }
 
 .label {
-  background: transparentize(black, 0.8);
+  // background: transparentize(black, 0.8);
   font: $font_14_medium;
   // color: transparentize(white, 0.5);
   text-transform: uppercase;
@@ -16,7 +16,18 @@
   align-items: center;
   justify-content: flex-start;
   border-radius: $radius 0 0 $radius;
-  @include input_shadow();
+  //@include input_shadow();
+
+  padding: 0 5px;
+  position: absolute;
+  bottom: $input_height - 3px;
+  font: $font_10_semibold;
+  background-color: white;
+  color: transparentize(white, 0.5);
+  border-radius: $radius;
+  left: 6px;
+  background: $content_bg;
+  height: 10px;
 }
 
 .container {