diff --git a/app/globals.css b/app/globals.css index 72f0045..66b98fe 100644 --- a/app/globals.css +++ b/app/globals.css @@ -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 */ + background: grey; + margin-bottom: 30px; +} .animate-in { animation: animateIn 0.3s ease 0.15s both; diff --git a/components/neroshitron/search_input.tsx b/components/neroshitron/search_input.tsx index 6de2ce8..1e5e78c 100644 --- a/components/neroshitron/search_input.tsx +++ b/components/neroshitron/search_input.tsx @@ -97,13 +97,16 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged, nsfwButtonEnable setSelectedTagsInput([value]) } }} + classNames={{ + searchBox: "rounded-r-none" + }} value={selectedTagsInput} primaryColor={"indigo"} /> - +