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

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

2
src/components/status.css
View file

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

7
src/index.css
View file

@ -1,5 +1,6 @@
:root { :root {
text-size-adjust: none; text-size-adjust: none;
--hairline-width: 1px;
--blue-color: royalblue; --blue-color: royalblue;
--purple-color: blueviolet; --purple-color: blueviolet;
@ -38,6 +39,12 @@
--timing-function: cubic-bezier(0.3, 0.5, 0, 1); --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) { @media (prefers-color-scheme: dark) {
:root { :root {
--blue-color: CornflowerBlue; --blue-color: CornflowerBlue;