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

Smaller swipe arrows

Browse Source
This commit is contained in:
Cohee 2024-10-01 19:38:25 +03:00
parent 7747050233
commit cd297f926e
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
public/style.css
View File

@ -969,24 +969,29 @@ body .panelControlBar {
/* SWIPE RELATED STYLES*/ /* SWIPE RELATED STYLES*/
.mes {
--swipeCounterHeight: 15px;
--swipeCounterMargin: 5px;
}
.swipe_right, .swipe_right,
.swipe_left { .swipe_left {
height: 40px; width: 25px;
width: 40px; height: 25px;
opacity: 0.3; opacity: 0.3;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 9999; z-index: 9999;
grid-row-start: 2; grid-row-start: 2;
font-size: 30px; font-size: 20px;
cursor: pointer; cursor: pointer;
align-self: center; align-self: center;
} }
.swipe_left{
position: absolute; .swipe_left {
bottom: 15px; position: absolute;
flex-flow: column; bottom: calc(var(--swipeCounterHeight) + var(--swipeCounterMargin));
flex-flow: column;
} }
.swipeRightBlock { .swipeRightBlock {
@ -995,17 +1000,19 @@ flex-flow: column;
bottom: 0; bottom: 0;
} }
.swipes-counter { .swipes-counter {
color: var(--SmartThemeBodyColor); color: var(--SmartThemeBodyColor);
font-size: 12px; font-size: 12px;
padding: 0; padding: 0 5px;
font-family: var(--mainFontFamily); font-family: var(--mainFontFamily);
font-weight: 400; font-weight: 400;
align-self: center; align-self: center;
min-width: 40px; min-width: 40px;
display: flex; display: flex;
justify-content: center; justify-content: center;
opacity: 0.7;
margin-bottom: var(--swipeCounterMargin);
height: var(--swipeCounterHeight);
} }
.swipe_left { .swipe_left {
@ -1015,7 +1022,7 @@ flex-flow: column;
.swipe_right { .swipe_right {
right: 5px; right: 5px;
align-self:end; align-self: center;
} }
.ui-settings { .ui-settings {
@ -2649,7 +2656,7 @@ select option:not(:checked) {
#instruct_enabled_label .menu_button:not(.toggleEnabled), #instruct_enabled_label .menu_button:not(.toggleEnabled),
#sysprompt_enabled_label .menu_button:not(.toggleEnabled) { #sysprompt_enabled_label .menu_button:not(.toggleEnabled) {
color: Red; color: Red;
} }
.displayBlock { .displayBlock {