This commit is contained in:
Damien Ostler 2024-06-02 03:09:02 -04:00
commit 5daa585a9e
2 changed files with 22 additions and 2 deletions

View File

@ -47,6 +47,23 @@
}
}
.my-masonry-grid {
display: -webkit-box; /* Not needed if autoprefixing */
display: -ms-flexbox; /* Not needed if autoprefixing */
display: flex;
margin-left: -30px; /* gutter size offset */
width: auto;
}
.my-masonry-grid_column {
padding-left: 30px; /* gutter size */
background-clip: padding-box;
}
/* Style your items */
.my-masonry-grid_column > div { /* change div to reference your elements you put in <Masonry> */
background: grey;
margin-bottom: 30px;
}
.animate-in {
animation: animateIn 0.3s ease 0.15s both;

View File

@ -97,13 +97,16 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged, nsfwButtonEnable
setSelectedTagsInput([value])
}
}}
classNames={{
searchBox: "rounded-r-none"
}}
value={selectedTagsInput}
primaryColor={"indigo"} />
<span className="flex items-center rounded rounded-l-none border-0 font-bold text-grey-100">
<span className="flex items-center border-0 font-bold text-grey-100">
<button
onClick={() => { setNsfw(!nsfw) }}
type="button"
className={`animate-in text-sm text-white font-bold h-full w-16 px-2 rounded ${nsfw ? "bg-error hover:bg-error-light" : "bg-success hover:bg-success-light"}`}
className={`animate-in text-sm text-white font-bold h-full w-16 px-2 rounded rounded-l-none ${nsfw ? "bg-error hover:bg-error-light" : "bg-success hover:bg-success-light"}`}
>
{nsfw ? "NSFW" : "SFW"}