Enhance RandomPicker component with persistent dialog feature and clean up global styles by removing unnecessary whitespace. Update styles for hover effects and ensure consistent formatting across SCSS files.

Author: Sunwuyuan

.hintrc

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "development"
+  ]
+}

src/components/RandomPicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog v-model="dialog" max-width="600" fullscreen-breakpoint="sm">
+  <v-dialog v-model="dialog" max-width="600" fullscreen-breakpoint="sm" persistent>
     <v-card class="random-picker-card">
       <v-card-title class="text-h5 d-flex align-center">
         <v-icon icon="mdi-account-question" class="mr-2" />
@@ -49,7 +49,7 @@
               <div v-if="tempFilters.excludeExcluded">• 已排除不参与学生 ({{ excludedCount }}人)</div>
             </div>
           </v-tooltip><!-- 添加临时过滤选项 -->
-       
+
               <div class="d-flex flex-wrap justify-center gap-2 mt-4">
                 <v-chip :color="tempFilters.excludeLate ? 'warning' : 'default'"
                   :variant="tempFilters.excludeLate ? 'elevated' : 'text'"
@@ -64,7 +64,7 @@
                   {{ tempFilters.excludeAbsent ? '排除' : '包含' }}请假学生
                 </v-chip>
 
-                
+
 
                 <v-chip :color="tempFilters.excludeExcluded ? 'grey' : 'default'"
                   :variant="tempFilters.excludeExcluded ? 'elevated' : 'text'"

src/styles/global.scss

@@ -4,12 +4,12 @@
 .hover-card {
   transition: transform 0.2s ease, box-shadow 0.3s ease;
   will-change: transform, box-shadow;
-  
+
   &:hover, &:focus {
     transform: translateY(-4px);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
   }
-  
+
   &:active {
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
@@ -22,7 +22,7 @@
   min-width: 48px;
   border-radius: 12px;
   padding: 12px 24px;
-  
+
   &.v-btn--icon {
     min-height: 56px;
     min-width: 56px;
@@ -33,22 +33,22 @@
 .ripple-enhanced {
   position: relative;
   overflow: hidden;
-  
+
   &::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), 
-                rgba(255, 255, 255, 0.2) 0%, 
+    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%),
+                rgba(255, 255, 255, 0.2) 0%,
                 rgba(255, 255, 255, 0) 60%);
     opacity: 0;
     transition: opacity 0.5s;
     pointer-events: none;
   }
-  
+
   &:active::after {
     opacity: 1;
     transition: opacity 0.2s;
@@ -76,11 +76,12 @@ html {
 .fullscreen-mode {
   .v-app-bar {
     background-color: rgba(var(--v-theme-surface-variant), 0.85) !important;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
   }
-  
+
   .main-window {
     padding-top: 16px;
     padding-bottom: 16px;
   }
-} 
+}