fix(BaseInputNumber): fix firefox styles

rudnovd · Mar 4, 2022 · d149b90 · d149b90
1 parent 92dbda6
commit d149b90
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/DamageCalculator.vue b/src/components/DamageCalculator.vue
@@ -302,6 +302,11 @@ export default defineComponent({
 .creature {
   display: grid;
   gap: 0.5rem;
+
+  .creature-input {
+    width: 65px;
+    height: 32px;
+  }
 }
 
 .hero {
@@ -365,11 +370,6 @@ export default defineComponent({
   }
 }
 
-.creature-input {
-  width: 65px;
-  height: 32px;
-}
-
 .creature-button {
   position: relative;
   z-index: 1;

diff --git a/src/components/base/BaseInputNumber.vue b/src/components/base/BaseInputNumber.vue
@@ -65,6 +65,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .input-number {
+  width: 100%;
   padding: 0.25rem 0.5rem;
   font-family: inherit;
   font-size: inherit;