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 for chrome flickering on blurred divs

Browse Source 
- top-bar border matches other UI
- fix for text-pole placeholder coloring
- correct waifumode chat border-radius
This commit is contained in:
RossAscends
2023-04-13 01:11:40 +09:00
parent 44a5d29770
commit 7d34103045
1 changed files with 34 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
public/style.css
View File

@@ -69,6 +69,10 @@
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
/*fix for chrome flickering on blurred divs*/
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
} }
body { body {
@@ -181,8 +185,7 @@ code {
display: inline-block; display: inline-block;
height: 40px; height: 40px;
position: fixed; position: fixed;
color: var(--black30a); border-bottom: 1px solid var(--grey30a);
border-bottom: 1px solid var(--black70a);
box-shadow: 0 2px 20px 0 var(--black70a); box-shadow: 0 2px 20px 0 var(--black70a);
backdrop-filter: blur(var(--SmartThemeBlurStrength)); backdrop-filter: blur(var(--SmartThemeBlurStrength));
background-color: var(--SmartThemeBlurTintColor); background-color: var(--SmartThemeBlurTintColor);
@@ -588,7 +591,8 @@ select {
text-shadow: #000 0 0 3px; text-shadow: #000 0 0 3px;
} }
#send_textarea::placeholder { #send_textarea::placeholder,
.text_pole::placeholder {
color: var(--white70a) color: var(--white70a)
} }
@@ -3369,6 +3373,33 @@ body.no-blur #select_chat_popup {
/* wAIfu mode*/ /* wAIfu mode*/
body.waifuMode #top-bar {
border-radius: 0 0 20px 20px;
/* color: var(--grey30a); */
border: 1px solid var(--grey30a);
}
body.waifuMode #sheld {
display: grid;
grid-template-rows: 30vh min-content;
height: calc(100svh - 42px);
overflow-x: hidden;
max-width: 800px;
position: absolute;
left: 0;
right: 0;
top: 41px;
margin: 0 auto;
z-index: 2;
align-content: end;
}
body.waifuMode #chat {
border-top: 1px solid var(--grey30a);
border-radius: 20px 20px 0 0;
}
body.waifuMode .expression-holder { body.waifuMode .expression-holder {
max-height: 90vh; max-height: 90vh;
max-width: unset; max-width: unset;
@@ -3392,26 +3423,6 @@ body.waifuMode img.expression {
vertical-align: bottom; vertical-align: bottom;
} }
body.waifuMode #sheld {
display: grid;
grid-template-rows: 30vh min-content;
height: calc(100svh - 42px);
overflow-x: hidden;
max-width: 800px;
position: absolute;
left: 0;
right: 0;
top: 41px;
margin: 0 auto;
z-index: 2;
align-content: end;
}
body.waifuMode #chat {
border-top: 1px solid var(--grey30a);
border-radius: 20px;
}
/*styles for potential variant of WaifuMode sheld 50% waifu, 50% chat*/ /*styles for potential variant of WaifuMode sheld 50% waifu, 50% chat*/
/* /*
body.waifuMode2 #sheld { body.waifuMode2 #sheld {