Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
65a31b7e 1 parent f9cbcffd

style(StudyPage): 调整按钮的样式以提升视觉一致性 

将按钮的内边距和字体大小调整为更小的尺寸，以保持页面元素的视觉一致性
Inline Side-by-side
Showing 1 changed file with 2 additions and 2 deletions
...@@ -31,12 +31,12 @@ ...@@ -31,12 +31,12 @@
31 <van-tab title="学习记录" name="record"> 31 <van-tab title="学习记录" name="record">
32 <div class="p-4"> 32 <div class="p-4">
33 <div class="flex space-x-4 mb-4"> 33 <div class="flex space-x-4 mb-4">
34 - <button class="rounded-full px-6 py-2 text-sm transition-colors" 34 + <button class="rounded-full px-4 py-1 text-xs transition-colors"
35 :class="courseType === 'column' ? 'bg-green-500 text-white' : 'bg-gray-100 text-gray-600'" 35 :class="courseType === 'column' ? 'bg-green-500 text-white' : 'bg-gray-100 text-gray-600'"
36 @click="courseType = 'column'"> 36 @click="courseType = 'column'">
37 专栏 37 专栏
38 </button> 38 </button>
39 - <button class="rounded-full px-6 py-2 text-sm transition-colors" 39 + <button class="rounded-full px-4 py-1 text-xs transition-colors"
40 :class="courseType === 'single' ? 'bg-green-500 text-white' : 'bg-gray-100 text-gray-600'" 40 :class="courseType === 'single' ? 'bg-green-500 text-white' : 'bg-gray-100 text-gray-600'"
41 @click="courseType = 'single'"> 41 @click="courseType = 'single'">
42 单课 42 单课
......