nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Slight restyle for shiny pill

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-23 19:16:32 +08:00
parent cd3ab50a18
commit 1e9f0bdf39
2 changed files with 8 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/app.css
View file

@ -1742,20 +1742,17 @@ meter.donut[hidden] {
text-shadow: 0 1px var(--bg-color); text-shadow: 0 1px var(--bg-color);
background-color: var(--bg-color); background-color: var(--bg-color);
border: 1px solid var(--outline-color); border: 1px solid var(--outline-color);
box-shadow: 0 0 0 1px var(--bg-blur-color), box-shadow: 0 3px 16px var(--drop-shadow-color),
0 3px 16px var(--drop-shadow-color),
0 6px 16px -3px var(--drop-shadow-color); 0 6px 16px -3px var(--drop-shadow-color);
} }
:is(.shiny-pill, :root .toastify.shiny-pill):hover { :is(.shiny-pill, :root .toastify.shiny-pill):hover:not(:active) {
color: var(--text-color); color: var(--text-color);
border-color: var(--link-color); border-color: var(--link-color);
filter: none; filter: none !important;
box-shadow: 0 0 0 1px var(--link-color), 0 3px 16px var(--drop-shadow-color), box-shadow: 0 0 0 1px var(--link-text-color),
0 6px 16px -3px var(--drop-shadow-color); 0 3px 16px var(--drop-shadow-color),
} 0 6px 16px -3px var(--drop-shadow-color),
:is(.shiny-pill, :root .toastify.shiny-pill):active { 0 6px 16px var(--drop-shadow-color);
transition: none;
filter: brightness(0.975);
} }
/* TOAST */ /* TOAST */

2
src/components/timeline.jsx
View file

@ -332,7 +332,7 @@ function Timeline({
}); });
}} }}
> >
<Icon icon="arrow-up" /> <span>New posts</span> <Icon icon="arrow-up" /> New posts
</button> </button>
)} )}
</header> </header>