mirror of
https://github.com/stoatchat/for-legacy-web.git
synced 2026-03-07 09:25:27 +00:00
Add spoilers back.
This commit is contained in:
@@ -3,6 +3,8 @@ import { Children } from "../../../../types/Preact";
|
||||
|
||||
const Grid = styled.div`
|
||||
display: grid;
|
||||
overflow: hidden;
|
||||
|
||||
max-width: min(var(--attachment-max-width), 100%, var(--width));
|
||||
max-height: min(var(--attachment-max-height), var(--height));
|
||||
aspect-ratio: var(--aspect-ratio);
|
||||
@@ -19,6 +21,14 @@ const Grid = styled.div`
|
||||
|
||||
grid-area: 1 / 1;
|
||||
}
|
||||
|
||||
&.spoiler {
|
||||
img, video {
|
||||
filter: blur(44px);
|
||||
}
|
||||
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
`;
|
||||
|
||||
export default Grid;
|
||||
|
||||
Reference in New Issue
Block a user