mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
fix styles for hotswaps
This commit is contained in:
@@ -558,11 +558,8 @@ code {
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.hotswap {
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.hotswapAvatar,
|
||||
|
||||
.avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
@@ -574,6 +571,17 @@ code {
|
||||
|
||||
}
|
||||
|
||||
.hotswap {
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.hotswapAvatar,
|
||||
.hotswapAvatar .avatar {
|
||||
width: 50px !important;
|
||||
height: 50px !important;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.hotswapAvatar {
|
||||
opacity: 0.5;
|
||||
transition: 250ms;
|
||||
@@ -583,9 +591,37 @@ code {
|
||||
|
||||
.hotswapAvatar:hover {
|
||||
opacity: 1;
|
||||
background-color: transparent !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hotswapAvatar .avatar_collage,
|
||||
.hotswapAvatar.group_select {
|
||||
border-radius: 50% !important;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-width: 50px !important;
|
||||
}
|
||||
|
||||
.hotswapAvatar.group_select .avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
border: 1px solid var(--black30a);
|
||||
/* border-radius: 10px; */
|
||||
}
|
||||
|
||||
.hotswapAvatar .avatar {
|
||||
width: 50px !important;
|
||||
height: 50px !important;
|
||||
object-fit: cover;
|
||||
object-position: center center;
|
||||
border-radius: 50% !important;
|
||||
/* border: 1px solid var(--black30a); */
|
||||
box-shadow: 0 0 5px var(--black50a);
|
||||
}
|
||||
|
||||
.hotswapAvatar img,
|
||||
.avatar img {
|
||||
width: 50px;
|
||||
|
Reference in New Issue
Block a user