From 4330dc29f76ac0eeb34af00955f5342f3d15a3db Mon Sep 17 00:00:00 2001
From: longjuan <769022681@qq.com>
Date: Mon, 19 Feb 2024 22:47:27 +0800
Subject: [PATCH 1/2] fix: missing page size selector style

---
 console/src/views/S3Link.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/console/src/views/S3Link.vue b/console/src/views/S3Link.vue
index edfefa9..6243791 100644
--- a/console/src/views/S3Link.vue
+++ b/console/src/views/S3Link.vue
@@ -394,7 +394,7 @@ const handleModalClose = () => {
             <div class="inline-flex items-center gap-2">
               <select
                 v-model="size"
-                class="h-8 border outline-none rounded-base px-2 text-gray-800 text-sm border-gray-300"
+                class="page-size-select"
                 @change="handleFirstPage"
               >
                 <option
@@ -448,5 +448,7 @@ const handleModalClose = () => {
 </template>
 
 <style lang="scss" scoped>
-
+.page-size-select {
+  @apply h-8 border outline-none rounded-base pr-10 border-solid px-2 text-gray-800 text-sm border-gray-300 focus:border-primary inline-flex items-center gap-2;
+}
 </style>

From ecc8b04ac648489d43999a32825f48e5eb4e746e Mon Sep 17 00:00:00 2001
From: longjuan <769022681@qq.com>
Date: Mon, 19 Feb 2024 23:34:39 +0800
Subject: [PATCH 2/2] fix: missing page size selector style

---
 console/src/views/S3Link.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/console/src/views/S3Link.vue b/console/src/views/S3Link.vue
index 6243791..760d04f 100644
--- a/console/src/views/S3Link.vue
+++ b/console/src/views/S3Link.vue
@@ -394,7 +394,7 @@ const handleModalClose = () => {
             <div class="inline-flex items-center gap-2">
               <select
                 v-model="size"
-                class="page-size-select"
+                class="h-8 border outline-none rounded-base pr-10 border-solid px-2 text-gray-800 text-sm border-gray-300 page-size-select"
                 @change="handleFirstPage"
               >
                 <option
@@ -448,7 +448,8 @@ const handleModalClose = () => {
 </template>
 
 <style lang="scss" scoped>
-.page-size-select {
-  @apply h-8 border outline-none rounded-base pr-10 border-solid px-2 text-gray-800 text-sm border-gray-300 focus:border-primary inline-flex items-center gap-2;
+.page-size-select:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--colors-primary),var(--tw-border-opacity));
 }
 </style>