style(license):调整样式

src/views/licenseManagement/businessLicense.vue

@@ -70,8 +70,8 @@ const initData = async () => {
   color: var(--el-text-color-regular);
 }
 .license-container {
-  width: 100%;
-  min-height: 500px;
+  // width: 100%;
+  // min-height: 500px;
   padding: 20px;
   background-color: var(--el-bg-color-page);
   border-radius: 8px;
@@ -80,12 +80,13 @@ const initData = async () => {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  min-height: 500px;
+
+  // width: 100%;
+  // min-height: 500px;
 }
 .license-image {
-  max-width: 100%;
-  max-height: 600px;
+  // max-width: 100%;
+  // max-height: 600px;
   border-radius: 8px;
   box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
 }
@@ -93,8 +94,8 @@ const initData = async () => {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  height: 500px;
+  width: 300px;
+  height: 200px;
   background-color: var(--el-fill-color-lighter);
   border-radius: 8px;
   .empty-icon {

src/views/licenseManagement/foodBusinessLicense.vue

@@ -271,8 +271,8 @@ const getStatusText = (status: string) => {
   gap: 10px;
 }
 .license-container {
-  width: 100%;
-  min-height: 500px;
+  // width: 100%;
+  // min-height: 500px;
   padding: 20px;
   background-color: var(--el-bg-color-page);
   border-radius: 8px;
@@ -281,12 +281,13 @@ const getStatusText = (status: string) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  min-height: 500px;
+
+  // width: 100%;
+  // min-height: 500px;
 }
 .license-image {
-  max-width: 100%;
-  max-height: 600px;
+  // max-width: 100%;
+  // max-height: 600px;
   border-radius: 8px;
   box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
 }
@@ -294,8 +295,8 @@ const getStatusText = (status: string) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  height: 500px;
+  width: 300px;
+  height: 200px;
   background-color: var(--el-fill-color-lighter);
   border-radius: 8px;
   .empty-icon {