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

placeholder styles for potential waifumode2

Browse Source
This commit is contained in:
RossAscends
2023-04-13 00:39:11 +09:00
parent 018dc8af72
commit 44a5d29770
1 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/style.css
View File

@@ -3390,7 +3390,6 @@ body.waifuMode img.expression {
max-width: 100%; max-width: 100%;
max-height: 90vh; max-height: 90vh;
vertical-align: bottom; vertical-align: bottom;
width: : calc(var(--sheldWidth) /2 -(calc(var(--sheldWidth) / 2)));
} }
body.waifuMode #sheld { body.waifuMode #sheld {
@@ -3402,7 +3401,6 @@ body.waifuMode #sheld {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
/* bottom: 0; */
top: 41px; top: 41px;
margin: 0 auto; margin: 0 auto;
z-index: 2; z-index: 2;
@@ -3414,6 +3412,40 @@ body.waifuMode #chat {
border-radius: 20px; border-radius: 20px;
} }
/*styles for potential variant of WaifuMode sheld 50% waifu, 50% chat*/
/*
body.waifuMode2 #sheld {
display: grid;
grid-template-rows: auto min-content;
height: calc(100svh - 42px);
overflow-x: hidden;
max-width: calc(var(--sheldWidth) /2);
position: absolute;
right: calc((100vw - var(--sheldWidth))/2);
top: 41px;
margin: 0 auto;
z-index: 2;
}
body.waifuMode2 .expression-holder {
max-height: 90vh;
max-width: calc(var(--sheldWidth)/2);
position: fixed;
left: calc((100vw - var(--sheldWidth))/2);
right: auto;
bottom: 0;
filter: drop-shadow(2px 2px 2px #51515199);
transition: 500ms;
z-index: 1;
}
body.waifuMode2 img.expression {
max-width: 100%;
max-height: 90vh;
vertical-align: bottom;
}
*/
/*this part only only applies to iOS devices*/ /*this part only only applies to iOS devices*/
@supports (-webkit-touch-callout: none) { @supports (-webkit-touch-callout: none) {
body { body {