fix: add border on button

JonatasMA · Jul 17, 2023 · a8b7f0e · a8b7f0e
1 parent 6394756
commit a8b7f0e
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/components/TimeInput.vue b/src/components/TimeInput.vue
@@ -44,16 +44,21 @@ function getTime() {
         <input :id="for" :value="modelValue" type="time" :class="{ validate: !readonly }"
             @input="$emit('update:modelValue', $event.target.value)" :readonly="readonly">
         <label :id="id" :for="for" :style="left">{{label}}</label>
-        <i v-if="props.for.includes('input')" @click="$emit('update:modelValue', getTime())" class="material-icons prefix icon-position">update</i>
+        <i v-if="props.for.includes('input')" @click="$emit('update:modelValue', getTime())"
+            class="material-icons prefix icon-position">update</i>
     </div>
 </template>
 
 <style scoped>
 .icon-position {
-    font-size: 17px;
-    top: 0.9rem;
-    right: -0.8em;
-    background-color: white;
+    font-size: 19px;
+    top: 0.8rem;
+    right: 0.8em;
+    background-color: mediumpurple;
     cursor: pointer;
+    color: white;
+    border-radius: 50px;
+    width: auto;
+    height: auto;
 }
 </style>