فهرست منبع

Add input class

sbkwgh 8 سال پیش
والد
کامیت
af311d9cf8
2فایلهای تغییر یافته به همراه15 افزوده شده و 1 حذف شده
  1. 14 0
      src/App.vue
  2. 1 1
      src/components/FancyInput.vue

+ 14 - 0
src/App.vue

@@ -144,6 +144,20 @@ window.MODAL_TAB = 0;
 		}
 	}
 
+	.input {
+		border: 0.125rem solid $color__gray--primary;
+		@include text;
+		padding: 0.25rem;
+		outline: none;
+
+		&:hover {
+			border-color: $color__gray--darker;
+		}
+		&:focus {
+			border-color: $color__gray--darkest;
+		}
+	}
+
 	.search {
 		border: 0.125rem solid $color__gray--primary;
 

+ 1 - 1
src/components/FancyInput.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class='fancy_input'>
 		<div class='fancy_input__placeholder'>{{placeholder}}</div>
-		<input type='text' v-bind:value='value' v-on:input='updateValue($event.target.value)'>
+		<input type='text' class='input' v-bind:value='value' v-on:input='updateValue($event.target.value)'>
 	</div>
 </template>