feat: 修改应用的颜色模式为亮色,并调整下载按钮的大小以增强可读性
This commit is contained in:
@@ -14,7 +14,7 @@ export default defineNuxtConfig({
|
||||
],
|
||||
|
||||
colorMode: {
|
||||
preference: 'dark',
|
||||
preference: 'light',
|
||||
},
|
||||
|
||||
i18n: {
|
||||
|
||||
@@ -252,34 +252,31 @@ useHead({
|
||||
v-if="app.downloads.ios"
|
||||
icon="i-heroicons-device-phone-mobile"
|
||||
label="iOS"
|
||||
size="sm"
|
||||
size="lg"
|
||||
block
|
||||
class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
|
||||
@click.stop="(e) => handleDownload(app, 'ios', e)"
|
||||
>
|
||||
<span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/btn:translate-x-[100%] transition-transform duration-500"></span>
|
||||
</UButton>
|
||||
<UButton
|
||||
v-if="app.downloads.android"
|
||||
icon="i-heroicons-device-tablet"
|
||||
label="Android"
|
||||
size="sm"
|
||||
size="lg"
|
||||
block
|
||||
class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
|
||||
@click.stop="(e) => handleDownload(app, 'android', e)"
|
||||
>
|
||||
<span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/btn:translate-x-[100%] transition-transform duration-500"></span>
|
||||
</UButton>
|
||||
<UButton
|
||||
v-if="app.downloads.h5"
|
||||
icon="i-heroicons-globe-alt"
|
||||
label="Web"
|
||||
size="sm"
|
||||
size="lg"
|
||||
block
|
||||
class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
|
||||
@click.stop="(e) => handleDownload(app, 'h5', e)"
|
||||
>
|
||||
<span class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-100%] group-hover/btn:translate-x-[100%] transition-transform duration-500"></span>
|
||||
</UButton>
|
||||
</div>
|
||||
</UCard>
|
||||
|
||||
Reference in New Issue
Block a user