mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
fix QR popout controlBar display, hide QR popout button for mobile
This commit is contained in:
@ -34,6 +34,14 @@
|
|||||||
right: 0.25em;
|
right: 0.25em;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*hide QR popout for mobile*/
|
||||||
|
@media screen and (max-width: 1000px) {
|
||||||
|
#qr--bar > #qr--popoutTrigger {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#qr--bar.popoutVisible {
|
#qr--bar.popoutVisible {
|
||||||
padding-right: 2.5em;
|
padding-right: 2.5em;
|
||||||
}
|
}
|
||||||
@ -55,6 +63,7 @@
|
|||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: all 250ms;
|
transition: all 250ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
#qr--popout > .qr--body {
|
#qr--popout > .qr--body {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
@ -613,10 +613,13 @@ body .panelControlBar {
|
|||||||
min-width: 55px;
|
min-width: 55px;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
gap: 0px;
|
gap: 0px;
|
||||||
opacity:0;
|
|
||||||
transition: all 250ms;
|
transition: all 250ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.zoomed_avatar .panelControlBar {
|
||||||
|
opacity:0;
|
||||||
|
}
|
||||||
|
|
||||||
.zoomed_avatar:hover .panelControlBar {
|
.zoomed_avatar:hover .panelControlBar {
|
||||||
opacity:1;
|
opacity:1;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user