monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

upd: use misskey shadow for the sharkey ticker, prevent clipping

Browse source
This commit is contained in:
Alice Mikhaylenko 2024-01-01 04:25:14 +04:00
parent 1805150533
commit 499b2b03aa
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/frontend/src/components/SkInstanceTicker.vue
View file

@ -50,7 +50,19 @@ const bg = {
padding: 4px; padding: 4px;
overflow: clip; overflow: clip;
color: #fff; color: #fff;
text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-shadow: /* .866 ≈ sin(60deg) */
1px 0 1px #000,
.866px .5px 1px #000,
.5px .866px 1px #000,
0 1px 1px #000,
-.5px .866px 1px #000,
-.866px .5px 1px #000,
-1px 0 1px #000,
-.866px -.5px 1px #000,
-.5px -.866px 1px #000,
0 -1px 1px #000,
.5px -.866px 1px #000,
.866px -.5px 1px #000;
} }
.icon { .icon {
@ -59,7 +71,9 @@ const bg = {
} }
.name { .name {
margin-left: 4px; padding: 0.5ex;
margin: -0.5ex;
margin-left: calc(4px - 0.5ex);
line-height: 1; line-height: 1;
font-size: 0.8em; font-size: 0.8em;
font-weight: bold; font-weight: bold;