feat: update overlayFooter UI

Signed-off-by: sulmo <[email protected]>
cloudforet-io · Aug 29, 2024 · 8fbc0a6 · 8fbc0a6
1 parent 89f8f62
commit 8fbc0a6
Show file tree

Hide file tree

Showing 6 changed files with 283 additions and 259 deletions.
diff --git a/apps/web/src/services/landing/components/LandingWorkspaceGroupManageOverlay.vue b/apps/web/src/services/landing/components/LandingWorkspaceGroupManageOverlay.vue
@@ -63,14 +63,14 @@ const state = reactive({
         </div>
         <template #footer>
             <p-divider />
-            <p-button style-type="negative-secondary"
-                      size="md"
-                      icon-left="ic_delete"
-                      class="delete-button"
-                      @click="() => { state.isOverlayOpenProxy = false; }"
-            >
-                {{ $t('LADING.DELETE_WORKSPACE_GROUP') }}
-            </p-button>
+            <div class="close-button-wrapper">
+                <p-button style-type="substitutive"
+                          size="md"
+                          @click="() => { state.isOverlayOpenProxy = false; }"
+                >
+                    {{ $t('LADING.DONE') }}
+                </p-button>
+            </div>
         </template>
     </p-overlay-layout>
 </template>
@@ -87,7 +87,8 @@ const state = reactive({
     }
 }
 
-.delete-button {
-    margin: 0.75rem 0 0.75rem 1.5rem;
+.close-button-wrapper {
+    margin: 0.75rem 1.5rem 0.75rem 0;
+    float: right;
 }
 </style>
diff --git a/apps/web/src/services/landing/components/LandingWorkspaceGroupTabGroupUser.vue b/apps/web/src/services/landing/components/LandingWorkspaceGroupTabGroupUser.vue
@@ -3,8 +3,6 @@ import {
     reactive,
 } from 'vue';
 
-
-
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import {
     PHeading, PButton, PToolboxTable, PStatus, PSelectDropdown, PTooltip,
@@ -150,6 +148,7 @@ const handleChangeSort = (name:string, isDesc:boolean) => {
             </template>
         </p-heading>
         <p-toolbox-table class="workspace-group-tab-group-user-table"
+                         style="height: calc(100vh - 25rem);"
                          :loading="userWorkspaceGroupStoreState.loading"
                          :fields="tableState.fields"
                          :items="landingPageStoreGetter.workspaceGroupUserTableItem"