more compact persona selector for janitorai.com
janitorai.com - compact persona selector by yuca-taro
Details
Authoryuca-taro
LicenseNo License
Categoryjanitorai.com
Created
Updated
Size1.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
made this really quick but haven't seen any issues while browsing the site, should work on most mobile devices too
Source code
/* ==UserStyle==
@name janitorai.com - compact persona selector
@namespace janitorai.com - compact persona selector
@version 1.0.2
@description compact persona selector
@author pt0444
==/UserStyle== */
@-moz-document url-prefix("https://janitorai.com") {
.chakra-modal__content .chakra-stack .chakra-stack .chakra-stack {display:none;}
.chakra-modal__content .chakra-radio-group > .chakra-stack {flex-direction:row; flex-wrap:wrap; justify-content:center; }
.chakra-modal__content .chakra-stack button {flex-basis:fit-content;}
.chakra-modal__content .chakra-stack .chakra-button {flex-basis:100%;}
.chakra-modal__content .chakra-stack .chakra-aspect-ratio {width:100px; height:100px; filter: saturate(0.4) brightness(0.6);}
.chakra-modal__content .chakra-stack .css-la9mex .chakra-aspect-ratio {width:100px; height:100px; filter:saturate(1);}
@media only screen and (max-width:767px) {
.chakra-modal__content .chakra-stack .chakra-aspect-ratio, .chakra-modal__content .chakra-stack .css-la9mex .chakra-aspect-ratio {width: 50px; height: 100px; }
.chakra-modal__content .chakra-modal__body.css-11cxtjx {padding: 0 !important;}
.chakra-modal__content .chakra-stack.css-o51fhk { gap: var(--chakra-space-2);}
}
}