ash/iceshrimp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make instance ticker more readable

Browse source
This commit is contained in:
Jeder 2023-08-22 18:57:15 +02:00 committed by Laura Hausmann
parent 97ca9b9068
commit 9096e4b1f2
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/client/src/components/MkInstanceTicker.vue
View file

@ -45,7 +45,7 @@ const themeColor =
instance.themeColor ?? computedStyle.getPropertyValue("--bg");
const bg = {
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}55)`,
background: `${themeColor}B3`,
};
function getInstanceIcon(instance): string {
@ -80,6 +80,7 @@ function getInstanceIcon(instance): string {
> .name {
display: none;
color: #fff;
margin-left: 4px;
font-size: 0.85em;
vertical-align: top;
@ -87,10 +88,10 @@ function getInstanceIcon(instance): string {
text-overflow: ellipsis;
white-space: nowrap;
text-shadow:
-1px -1px 0 var(--bg),
1px -1px 0 var(--bg),
-1px 1px 0 var(--bg),
1px 1px 0 var(--bg);
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
.article > .main &,
.header > .body & {
display: unset;