From dab2ce16b26a0dbbea788ab4bba711a04f075a34 Mon Sep 17 00:00:00 2001
From: Denis <dols3m@gmail.com>
Date: Mon, 29 Aug 2022 05:51:03 -0500
Subject: [PATCH] refactor(gui-v2): tailwind classes for url overlay, interface
 at the top of the file

---
 packages/nc-gui/components/cell/Url.vue | 11 +----------
 packages/nc-gui/context/index.ts        |  9 +++++----
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/nc-gui/components/cell/Url.vue b/packages/nc-gui/components/cell/Url.vue
index ff7b1261ce..805b67cb3f 100644
--- a/packages/nc-gui/components/cell/Url.vue
+++ b/packages/nc-gui/components/cell/Url.vue
@@ -81,7 +81,7 @@ watch(
     </nuxt-link>
     <nuxt-link
       v-else-if="isValid && !disableOverlay && urlOptions?.overlay"
-      class="z-3 url-overlay hover:opacity-75"
+      class="z-3 w-full h-full text-center !no-underline hover:opacity-75"
       :to="url"
       :target="urlOptions?.behavior === 'replace' ? undefined : '_blank'"
       >{{ urlOptions.overlay }}
@@ -100,15 +100,6 @@ watch(
   </div>
 </template>
 
-<style scoped lang="scss">
-.url-overlay {
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  text-decoration-line: none !important;
-}
-</style>
-
 <!--
 /**
  * @copyright Copyright (c) 2021, Xgene Cloud Ltd
diff --git a/packages/nc-gui/context/index.ts b/packages/nc-gui/context/index.ts
index 3ac894ccd1..d3dfbd9b65 100644
--- a/packages/nc-gui/context/index.ts
+++ b/packages/nc-gui/context/index.ts
@@ -5,6 +5,11 @@ import type { useViewData } from '#imports'
 import type { Row } from '~/composables'
 import type { TabItem } from '~/composables/useTabs'
 
+export interface CellUrlOptions {
+  behavior?: string
+  overlay?: string
+}
+
 export const ActiveCellInj: InjectionKey<Ref<boolean>> = Symbol('active-cell')
 export const IsPublicInj: InjectionKey<Ref<boolean>> = Symbol('is-public')
 export const RowInj: InjectionKey<Ref<Row>> = Symbol('row')
@@ -27,10 +32,6 @@ export const FieldsInj: InjectionKey<Ref<any[]>> = Symbol('fields-injection')
 export const ViewListInj: InjectionKey<Ref<ViewType[]>> = Symbol('view-list-injection')
 export const EditModeInj: InjectionKey<Ref<boolean>> = Symbol('edit-mode-injection')
 export const SharedViewPasswordInj: InjectionKey<Ref<string | null>> = Symbol('shared-view-password-injection')
-interface CellUrlOptions {
-  behavior?: string
-  overlay?: string
-}
 export const CellUrlConfigInj: InjectionKey<CellUrlOptions & { rules?: Array<[RegExp, CellUrlOptions]> }> =
   Symbol('cell-url-config')
 export const CellUrlDisableOverlayInj: InjectionKey<Ref<boolean>> = Symbol('cell-url-disable-url')