tailwind classes for media grid
This commit is contained in:
parent
509228d532
commit
a06b7ccada
@ -37,21 +37,6 @@
|
|||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.image-grid > .media-note {
|
|
||||||
border: 1px solid var(--border-color);
|
|
||||||
background-image: var(--img);
|
|
||||||
background-position: center;
|
|
||||||
background-size: cover;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal.thread-overlay > .modal-body {
|
.modal.thread-overlay > .modal-body {
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -162,11 +162,11 @@ function MediaCol({ setThread }: { setThread: (e: NostrLink) => void }) {
|
|||||||
const { proxy } = useImgProxy();
|
const { proxy } = useImgProxy();
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div className="deck-col-header flex g8">
|
<div className="flex items-center gap-2 p-2 border-b border-gray-300">
|
||||||
<Icon name="camera-lens" size={24} />
|
<Icon name="camera-lens" size={24} />
|
||||||
<FormattedMessage defaultMessage="Media" id="hmZ3Bz" />
|
<FormattedMessage defaultMessage="Media" id="hmZ3Bz" />
|
||||||
</div>
|
</div>
|
||||||
<div className="image-grid p">
|
<div className="grid grid-cols-3 gap-px p-1">
|
||||||
<TimelineFollows
|
<TimelineFollows
|
||||||
postsOnly={true}
|
postsOnly={true}
|
||||||
liveStreams={false}
|
liveStreams={false}
|
||||||
@ -181,13 +181,9 @@ function MediaCol({ setThread }: { setThread: (e: NostrLink) => void }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="media-note"
|
className="aspect-square bg-center bg-cover cursor-pointer"
|
||||||
key={e.id}
|
key={e.id}
|
||||||
style={
|
style={{ backgroundImage: `url(${proxy(images[0].content)})` }}
|
||||||
{
|
|
||||||
"--img": `url(${proxy(images[0].content)})`,
|
|
||||||
} as CSSProperties
|
|
||||||
}
|
|
||||||
onClick={() => setThread(NostrLink.fromEvent(e))}></div>
|
onClick={() => setThread(NostrLink.fromEvent(e))}></div>
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
|
Loading…
Reference in New Issue
Block a user