Fix: 调整语言菜单布局
This commit is contained in:
@ -484,6 +484,11 @@
|
|||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
/* 文本居中 */
|
||||||
|
display: flex !important;
|
||||||
|
justify-content: center !important;
|
||||||
|
align-items: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.language-pill-large:hover {
|
.language-pill-large:hover {
|
||||||
@ -491,6 +496,15 @@
|
|||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* chip内容居中对齐 */
|
||||||
|
.language-pill-large .v-chip__content {
|
||||||
|
display: flex !important;
|
||||||
|
justify-content: center !important;
|
||||||
|
align-items: center !important;
|
||||||
|
width: 100% !important;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
/* 响应式药丸样式 */
|
/* 响应式药丸样式 */
|
||||||
@media (max-width: 599px) {
|
@media (max-width: 599px) {
|
||||||
.language-pill-container {
|
.language-pill-container {
|
||||||
|
|||||||
Reference in New Issue
Block a user