mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-09-16 04:18:17 +08:00
fix(goal,ui): center the avatar logo inside the ring wrapper
This commit is contained in:
parent
7e1ce66ace
commit
49d9eccaec
@ -115,7 +115,13 @@ const tooltip = computed(() => {
|
|||||||
.avatar-with-ring {
|
.avatar-with-ring {
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
display: inline-block;
|
/* inline-flex so the slot content (assistant logo img, 30 px) centers
|
||||||
|
* inside the 34-px wrapper. Plain inline-block left the logo at the
|
||||||
|
* top-left corner while the SVG ring rendered centered on the wrapper
|
||||||
|
* — visually the logo looked offset toward upper-left of the ring. */
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.avatar-with-ring .ring {
|
.avatar-with-ring .ring {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user