fix: icons for row height

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui/components.d.ts

@@ -222,10 +222,6 @@ declare module '@vue/runtime-core' {
     MdiScriptTextKeyOutline: typeof import('~icons/mdi/script-text-key-outline')['default']
     MdiScriptTextOutline: typeof import('~icons/mdi/script-text-outline')['default']
     MdiShieldKeyOutline: typeof import('~icons/mdi/shield-key-outline')['default']
-    MdiSizeL: typeof import('~icons/mdi/size-l')['default']
-    MdiSizeM: typeof import('~icons/mdi/size-m')['default']
-    MdiSizeS: typeof import('~icons/mdi/size-s')['default']
-    MdiSizeXl: typeof import('~icons/mdi/size-xl')['default']
     MdiSlack: typeof import('~icons/mdi/slack')['default']
     MdiSort: typeof import('~icons/mdi/sort')['default']
     MdiSortAscending: typeof import('~icons/mdi/sort-ascending')['default']
@@ -237,7 +233,6 @@ declare module '@vue/runtime-core' {
     MdiTableColumnPlusAfter: typeof import('~icons/mdi/table-column-plus-after')['default']
     MdiTableColumnPlusBefore: typeof import('~icons/mdi/table-column-plus-before')['default']
     MdiTableLarge: typeof import('~icons/mdi/table-large')['default']
-    MdiTableRowHeight: typeof import('~icons/mdi/table-row-height')['default']
     MdiText: typeof import('~icons/mdi/text')['default']
     MdiThumbUp: typeof import('~icons/mdi/thumb-up')['default']
     MdiTrashCan: typeof import('~icons/mdi/trash-can')['default']
@@ -251,6 +246,7 @@ declare module '@vue/runtime-core' {
     MiCircleWarning: typeof import('~icons/mi/circle-warning')['default']
     PhCloudLightningDuotone: typeof import('~icons/ph/cloud-lightning-duotone')['default']
     PhFileCsv: typeof import('~icons/ph/file-csv')['default']
+    RiLineHeight: typeof import('~icons/ri/line-height')['default']
     RiTeamFill: typeof import('~icons/ri/team-fill')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

packages/nc-gui/components/smartsheet/toolbar/RowHeight.vue

@@ -37,7 +37,7 @@ useMenuCloseOnEsc(open)
     <div>
       <a-button v-e="['c:row-height']" class="nc-height-menu-btn nc-toolbar-btn" :disabled="isLocked">
         <div class="flex items-center gap-1">
-          <MdiTableRowHeight />
+          <RiLineHeight />
 
           <!-- Row Height -->
           <span class="text-capitalize !text-sm font-weight-normal">Row Height</span>
@@ -49,18 +49,10 @@ useMenuCloseOnEsc(open)
       <div class="w-full bg-gray-50 shadow-lg menu-filter-dropdown !border" data-testid="nc-height-menu">
         <div class="text-gray-500 !text-xs px-4 py-2">Select a row height</div>
         <div class="flex flex-col w-full text-sm" @click.stop>
-          <div class="flex items-center py-1 px-2 hover:bg-gray-200" @click="updateRowHeight(0)">
-            <MdiSizeS class="text-xl mr-3" />Short
-          </div>
-          <div class="flex items-center py-1 px-2 hover:bg-gray-200" @click="updateRowHeight(1)">
-            <MdiSizeM class="text-xl mr-3" />Medium
-          </div>
-          <div class="flex items-center py-1 px-2 hover:bg-gray-200" @click="updateRowHeight(2)">
-            <MdiSizeL class="text-xl mr-3" />Tall
-          </div>
-          <div class="flex items-center py-1 px-2 hover:bg-gray-200" @click="updateRowHeight(3)">
-            <MdiSizeXl class="text-xl mr-3" />Extra
-          </div>
+          <div class="flex items-center py-1 px-2 justify-center hover:bg-gray-200" @click="updateRowHeight(0)">Short</div>
+          <div class="flex items-center py-1 px-2 justify-center hover:bg-gray-200" @click="updateRowHeight(1)">Medium</div>
+          <div class="flex items-center py-1 px-2 justify-center hover:bg-gray-200" @click="updateRowHeight(2)">Tall</div>
+          <div class="flex items-center py-1 px-2 justify-center hover:bg-gray-200" @click="updateRowHeight(3)">Extra</div>
         </div>
       </div>
     </template>