mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-21 16:55:25 +03:00
Code Issues Projects Releases Packages Wiki Activity

This .plain conflicted with other styles, so create .plain2

Browse source 
Also… this looks completely different on Mobile Safari (iPhone)...

Maybe due to a better screen...
This commit is contained in:
Lim Chee Aun 2022-12-11 15:00:51 +08:00
parent aeceb94219
commit fe6bdfdeb3
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/status.jsx
View file

@ -849,7 +849,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
<span />
<button
type="button"
class="carousel-button plain"
class="carousel-button plain2"
onClick={() => setShowMediaModal(false)}
>
<Icon icon="x" />
@ -859,7 +859,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
<div class="carousel-controls">
<button
type="button"
class="carousel-button plain"
class="carousel-button plain2"
hidden={showMediaModal === 0}
onClick={(e) => {
e.preventDefault();
@ -892,7 +892,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
</span>
<button
type="button"
class="carousel-button plain"
class="carousel-button plain2"
hidden={showMediaModal === mediaAttachments.length - 1}
onClick={(e) => {
e.preventDefault();

7
src/index.css
View file

@ -121,6 +121,11 @@ button > * {
}
:is(button, .button).plain {
background-color: transparent;
color: var(--link-color);
backdrop-filter: blur(12px);
}
:is(button, .button).plain2 {
background-color: transparent;
color: var(--link-color);
backdrop-filter: blur(12px) invert(.25) brightness(1.5);
@ -170,7 +175,7 @@ select.plain {
img:hover, video:hover {
filter: brightness(1);
}
:is(button, .button).plain {
:is(button, .button).plain2 {
backdrop-filter: blur(12px) brightness(.5);
}
}