rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-09 00:28:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

center chat bar input, fix mobile top bar.

Browse Source
This commit is contained in:
RossAscends 2023-08-23 16:53:31 +09:00
parent a1bdaf2739
commit 080f9d2426
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/mobile-styles.css
View File

@ -91,7 +91,7 @@
#top-settings-holder, #top-settings-holder,
#top-bar { #top-bar {
position: fixed; position: fixed;
padding-top: 8px; padding-top: 3px;
width: 100vw; width: 100vw;
width: 100svw; width: 100svw;
} }
@ -114,14 +114,14 @@
/* , /* ,
#world_popup */ #world_popup */
{ {
max-height: calc(100vh - 40px); max-height: calc(100vh - 36px);
max-height: calc(100svh - 40px); max-height: calc(100svh - 36px);
width: 100% !important; width: 100% !important;
margin: 0 auto; margin: 0 auto;
max-width: 100%; max-width: 100%;
left: 0 !important; left: 0 !important;
resize: none !important; resize: none !important;
top: 40px; top: 36px;
} }
.wi-settings { .wi-settings {
@ -179,7 +179,7 @@
border-right: 1px solid var(--grey30); border-right: 1px solid var(--grey30);
border-bottom: 1px solid var(--grey30); border-bottom: 1px solid var(--grey30);
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
top: 40px !important; top: 36px !important;
left: 0 !important; left: 0 !important;
backdrop-filter: blur(calc(var(--SmartThemeBlurStrength) * 2)); backdrop-filter: blur(calc(var(--SmartThemeBlurStrength) * 2));
} }
@ -354,8 +354,8 @@
max-height: unset; max-height: unset;
width: 100vw; width: 100vw;
width: 100svw; width: 100svw;
height: calc(100vh - 40px); height: calc(100vh - 36px);
height: calc(100svh - 40px); height: calc(100svh - 36px);
padding-right: max(env(safe-area-inset-right), 0px); padding-right: max(env(safe-area-inset-right), 0px);
padding-left: max(env(safe-area-inset-left), 0px); padding-left: max(env(safe-area-inset-left), 0px);
padding-bottom: 0; padding-bottom: 0;
@ -396,7 +396,7 @@
#character_popup, #character_popup,
#world_popup, #world_popup,
.drawer-content { .drawer-content {
margin-top: 40px; margin-top: 36px;
} }
.scrollableInner { .scrollableInner {
@ -407,4 +407,4 @@
#horde_model { #horde_model {
height: unset; height: unset;
} }
} }

2
public/style.css
View File

@ -886,7 +886,7 @@ select {
background-color: rgba(255, 0, 0, 0); background-color: rgba(255, 0, 0, 0);
border: 0; border: 0;
box-shadow: none; box-shadow: none;
padding: 0; padding-top: 6px;
font-family: "Noto Sans", "Noto Color Emoji", sans-serif; font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
margin: 0; margin: 0;
text-shadow: 0px 0px calc(var(--shadowWidth) * 1px) var(--SmartThemeShadowColor); text-shadow: 0px 0px calc(var(--shadowWidth) * 1px) var(--SmartThemeShadowColor);