upd: implement radius setting

to keep things manageable i merged a lot of one off values into just a
handful of common sizes, so some parts of the ui will look different than
upstream even with the "Misskey" rounding mode
This commit is contained in:
ShittyKopper 2023-10-31 21:44:34 +03:00
parent e33a4d1295
commit ae5d052274
122 changed files with 229 additions and 210 deletions

View file

@ -127,7 +127,7 @@ function showMenu(ev: MouseEvent) {
.sensitive {
position: relative;
&::after {
content: "";
position: absolute;
@ -157,7 +157,7 @@ function showMenu(ev: MouseEvent) {
.hide {
display: block;
position: absolute;
border-radius: 6px;
border-radius: var(--radius-sm);
background-color: black;
color: var(--accentLighten);
font-size: 12px;
@ -187,7 +187,7 @@ function showMenu(ev: MouseEvent) {
.menu {
display: block;
position: absolute;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
@ -223,7 +223,7 @@ function showMenu(ev: MouseEvent) {
.indicator {
/* Hardcode to black because either --bg or --fg makes it hard to read in dark/light mode */
background-color: black;
border-radius: 6px;
border-radius: var(--radius-sm);
color: var(--accentLighten);
display: inline-block;
font-weight: bold;