update at 2026-03-17 10:37:27
This commit is contained in:
@@ -11,18 +11,18 @@ const quoteFontSize = computed(() => {
|
||||
const length = props.quote.length;
|
||||
|
||||
if (length > 120) {
|
||||
return '1.05rem';
|
||||
return 'calc(1.05rem * var(--quote-content-font-scale, 1))';
|
||||
}
|
||||
|
||||
if (length > 80) {
|
||||
return '1.22rem';
|
||||
return 'calc(1.22rem * var(--quote-content-font-scale, 1))';
|
||||
}
|
||||
|
||||
if (length > 48) {
|
||||
return '1.4rem';
|
||||
return 'calc(1.4rem * var(--quote-content-font-scale, 1))';
|
||||
}
|
||||
|
||||
return '1.6rem';
|
||||
return 'calc(1.6rem * var(--quote-content-font-scale, 1))';
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -42,7 +42,7 @@ const quoteFontSize = computed(() => {
|
||||
display: grid;
|
||||
gap: 0.34rem;
|
||||
padding: 0.72rem 1.02rem;
|
||||
background: #ffffff;
|
||||
background: var(--panel-background);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -50,7 +50,7 @@ const quoteFontSize = computed(() => {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
color: #000000;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.quote-card__icon {
|
||||
@@ -60,13 +60,14 @@ const quoteFontSize = computed(() => {
|
||||
}
|
||||
|
||||
.quote-card__title {
|
||||
font-size: 0.8rem;
|
||||
font-family: var(--title-font);
|
||||
font-size: calc(0.8rem * var(--theme-font-scale, 1));
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.quote-card__content {
|
||||
margin: 0;
|
||||
line-height: 1.34;
|
||||
color: #000000;
|
||||
color: var(--ink);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user