mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-16 23:31:19 +03:00
Code Issues Projects Releases Packages Wiki Activity

It's time for hairline width

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-14 22:27:02 +08:00
parent 0f4f1505ad
commit 8c0078ddd8
3 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app.css
View file

@ -82,7 +82,7 @@ a.mention span {
background-color: var(--bg-blur-color);
background-image: linear-gradient(to bottom, var(--bg-color), transparent);
backdrop-filter: saturate(180%) blur(20px);
border-bottom: 1px solid var(--divider-color);
border-bottom: var(--hairline-width) solid var(--divider-color);
z-index: 1;
cursor: default;
z-index: 10;
@ -136,7 +136,7 @@ a.mention span {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid var(--divider-color);
border-bottom: var(--hairline-width) solid var(--divider-color);
}
.timeline.flat > li {
border-bottom: none;

2
src/components/status.css
View file

@ -699,7 +699,7 @@ a.card:is(:hover, :focus) {
padding-bottom: 16px;
margin-left: calc(-50px - 16px);
color: var(--text-insignificant-color);
border-top: 1px solid var(--outline-color);
border-top: var(--hairline-width) solid var(--outline-color);
margin-top: 8px;
}
.status .action.has-count {

7
src/index.css
View file

@ -1,5 +1,6 @@
:root {
text-size-adjust: none;
--hairline-width: 1px;
--blue-color: royalblue;
--purple-color: blueviolet;
@ -38,6 +39,12 @@
--timing-function: cubic-bezier(0.3, 0.5, 0, 1);
}
@media (min-resolution: 2dppx) or (min-resolution: 192dpi) or (min-device-pixel-ratio: 2) {
:root {
--hairline-width: 0.5px;
}
}
@media (prefers-color-scheme: dark) {
:root {
--blue-color: CornflowerBlue;