fix: 修复火狐下样式兼容性问题

This commit is contained in:
Hooray Hu
2023-10-30 14:47:25 +08:00
parent 8e1abdb5c2
commit 95748fe4a9
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -300,7 +300,7 @@ function handleCopy() {
<style lang="scss" scoped>
.divider {
--at-apply: flex items-center justify-between gap-4 my-4 text-nowrap text-sm font-500;
--at-apply: flex items-center justify-between gap-4 my-4 whitespace-nowrap text-sm font-500;
&::before,
&::after {
+1 -1
View File
@@ -37,7 +37,7 @@ function handleChange(index: number) {
<TabList class="inline-flex items-center justify-center p-1 rounded-md bg-stone-1 dark:bg-stone-9 ring-1 ring-stone-2 dark:ring-stone-8 select-none">
<Tab v-for="(option, index) in options" :key="index" v-slot="{ selected }" as="template">
<button
class="w-full px-2 py-1.5 border-size-0 text-sm rounded-md truncate text-dark dark:text-white bg-inherit focus:outline-none ring-inset ring-stone-2 dark:ring-stone-8 focus:ring-2" :class="{
class="inline-flex w-full px-2 py-1.5 border-size-0 text-sm rounded-md truncate text-dark dark:text-white bg-inherit focus:outline-none ring-inset ring-stone-2 dark:ring-stone-8 focus:ring-2" :class="{
'cursor-default bg-white dark:bg-dark-9': selected,
'cursor-pointer opacity-50 transition hover:(opacity-100)': !selected,
}"