lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: fix the width and height of the redis type tag

This commit is contained in:
Lykin 2024-05-27 16:05:13 +08:00
parent 4ed93902a6
commit 3321fbf6fd
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/common/RedisTypeTag.vue
View File

@ -68,6 +68,7 @@ const label = computed(() => {
'redis-type-tag-small': !props.short && props.size === 'small', 'redis-type-tag-small': !props.short && props.size === 'small',
'redis-type-tag-round': props.round, 'redis-type-tag-round': props.round,
'redis-type-tag-loading': props.loading, 'redis-type-tag-loading': props.loading,
'redis-type-tag': props.short,
}" }"
:color="{ color: backgroundColor, textColor: fontColor }" :color="{ color: backgroundColor, textColor: fontColor }"
:size="props.size" :size="props.size"
@ -112,4 +113,13 @@ const label = computed(() => {
opacity: 0.4; opacity: 0.4;
} }
} }
.redis-type-tag {
width: 22px;
height: 22px;
justify-content: center;
align-items: center;
text-align: center;
vertical-align: middle;
}
</style> </style>