From aa66ff25bda55609cb1a53bf4811af6f4b07c62c Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 1 Aug 2022 18:38:39 +0800
Subject: [PATCH] refactor(gui-v2): move css to class

---
 packages/nc-gui-v2/components/cell/Float.vue   | 8 ++------
 packages/nc-gui-v2/components/cell/Integer.vue | 8 ++------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/packages/nc-gui-v2/components/cell/Float.vue b/packages/nc-gui-v2/components/cell/Float.vue
index 34fbfa2a45..009f556a5c 100644
--- a/packages/nc-gui-v2/components/cell/Float.vue
+++ b/packages/nc-gui-v2/components/cell/Float.vue
@@ -25,12 +25,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <input v-if="editEnabled" ref="root" v-model="vModel" type="number" />
+  <input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none w-full h-full" type="number" />
   <span v-else>{{ vModel }}</span>
 </template>
 
-<style scoped>
-input {
-  @apply outline-none w-full h-full;
-}
-</style>
+<style scoped></style>
diff --git a/packages/nc-gui-v2/components/cell/Integer.vue b/packages/nc-gui-v2/components/cell/Integer.vue
index 3355265046..6798ff348c 100644
--- a/packages/nc-gui-v2/components/cell/Integer.vue
+++ b/packages/nc-gui-v2/components/cell/Integer.vue
@@ -27,12 +27,8 @@ function onKeyDown(evt: KeyboardEvent) {
 </script>
 
 <template>
-  <input v-if="editEnabled" ref="root" v-model="vModel" type="number" @keydown="onKeyDown" />
+  <input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none w-full h-full" type="number" @keydown="onKeyDown" />
   <span v-else>{{ vModel }}</span>
 </template>
 
-<style scoped>
-input {
-  @apply outline-none w-full h-full;
-}
-</style>
+<style scoped></style>