更新前台UI设计

src/views/admin/Settings.vue

@@ -342,12 +342,12 @@ const settings = ref({
   siteDescription: '这是一个基于Vue3和TailwindCSS构建的现代化内容管理系统，提供完整的文章管理、用户管理和系统配置功能。',
   contactEmail: 'admin@example.com',
   icp: '京ICP备12345678号',
-  
+
   // 安全设置
   twoFactorAuth: false,
   loginCaptcha: true,
   minPasswordLength: '8',
-  
+
   // 邮件设置
   smtpHost: '',
   smtpPort: 587,
@@ -355,7 +355,7 @@ const settings = ref({
   fromName: '系统管理员',
   smtpUsername: '',
   smtpPassword: '',
-  
+
   // 存储设置
   storageType: 'local',
   accessKey: '',
@@ -403,7 +403,7 @@ const clearLogs = () => {
 }
 </script>
 
-<style scoped>
+<style lang='scss' scoped>
 /* 开关样式 */
 .peer:checked ~ .peer-checked\:bg-blue-600 {
   background-color: #2563eb;
@@ -414,7 +414,7 @@ const clearLogs = () => {
   .grid-cols-1.md\:grid-cols-2 {
     grid-template-columns: 1fr;
   }
-  
+
   .grid-cols-1.md\:grid-cols-3 {
     grid-template-columns: 1fr;
   }
@@ -424,4 +424,4 @@ const clearLogs = () => {
 nav ul li button {
   transition: all 0.2s ease-in-out;
 }
-</style>
+</style>