rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix styles for hotswaps

Browse Source
This commit is contained in:
RossAscends
2023-05-06 06:07:36 +09:00
parent 09919471e1
commit 0c04efb33f
1 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
public/style.css
View File

@@ -558,11 +558,8 @@ code {
gap: 5px; gap: 5px;
} }
.hotswap {
top: -5px;
}
.hotswapAvatar,
.avatar { .avatar {
width: 50px; width: 50px;
height: 50px; height: 50px;
@@ -574,6 +571,17 @@ code {
} }
.hotswap {
top: -5px;
}
.hotswapAvatar,
.hotswapAvatar .avatar {
width: 50px !important;
height: 50px !important;
border-style: none;
}
.hotswapAvatar { .hotswapAvatar {
opacity: 0.5; opacity: 0.5;
transition: 250ms; transition: 250ms;
@@ -583,9 +591,37 @@ code {
.hotswapAvatar:hover { .hotswapAvatar:hover {
opacity: 1; opacity: 1;
background-color: transparent !important;
cursor: pointer; 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, .hotswapAvatar img,
.avatar img { .avatar img {
width: 50px; width: 50px;