From 36edc542fa7576e768d99fdff415e7299076314a Mon Sep 17 00:00:00 2001
From: Kinplemelon <wujiu529@gmail.com>
Date: Tue, 29 Oct 2024 14:37:38 +0800
Subject: [PATCH] style(gateway): style of authentication created in gateway

---
 src/views/Auth/AuthnCreate.vue        | 9 ++++++++-
 src/views/Auth/style/auth.scss        | 1 -
 src/views/Gateway/components/auth.vue | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/Auth/AuthnCreate.vue b/src/views/Auth/AuthnCreate.vue
index a620d1c06..62bb4b6e2 100644
--- a/src/views/Auth/AuthnCreate.vue
+++ b/src/views/Auth/AuthnCreate.vue
@@ -4,7 +4,11 @@
       :item="{ name: $t('Auth.createAuth'), path: '/authentication' }"
       v-if="!gateway"
     />
-    <el-card :shadow="!gateway ? 'always' : 'never'" class="app-card">
+    <el-card
+      class="app-card"
+      :class="{ 'no-border': !!gateway }"
+      :shadow="!gateway ? 'always' : 'never'"
+    >
       <guide-bar
         :guide-list="getGuideList()"
         :active-guide-index-list="activeGuidesIndex"
@@ -423,6 +427,9 @@ const cancelCreate = async function () {
 
 <style lang="scss">
 @import './style/auth.scss';
+.app-card.no-border {
+  border: none;
+}
 .no-database-placeholder {
   color: var(--el-text-color-secondary);
 }
diff --git a/src/views/Auth/style/auth.scss b/src/views/Auth/style/auth.scss
index 3d10b11fa..58c8cee82 100644
--- a/src/views/Auth/style/auth.scss
+++ b/src/views/Auth/style/auth.scss
@@ -13,7 +13,6 @@
   }
   .create-form {
     width: 75%;
-    margin-bottom: 24px;
     .el-radio.is-bordered {
       text-align: center;
       &.mechanism {
diff --git a/src/views/Gateway/components/auth.vue b/src/views/Gateway/components/auth.vue
index c161729b3..f9c838864 100644
--- a/src/views/Gateway/components/auth.vue
+++ b/src/views/Gateway/components/auth.vue
@@ -171,9 +171,12 @@ getAuthInfo()
 
 <style lang="scss">
 .gateway-auth-dialog {
+  .el-card.app-card {
+    margin-bottom: 0;
+  }
   .el-dialog__body {
     padding-top: 0;
-    padding-bottom: 0;
+    padding-bottom: 12px;
     .authn-create {
       padding-top: 8px;
     }