Minor styling improvements

ResilienceWeb · Dec 19, 2024 · b3a9c2a · b3a9c2a
1 parent 7332f2d
commit b3a9c2a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 16 deletions.
diff --git a/app/admin/[slug]/page.tsx b/app/admin/[slug]/page.tsx
@@ -55,7 +55,7 @@ export default function ListingPage({ params }) {
   return (
     <Box
       px={{
-        base: '4',
+        base: 0,
         md: '10',
       }}
       py={4}

diff --git a/app/admin/new-listing/page.tsx b/app/admin/new-listing/page.tsx
@@ -39,11 +39,11 @@ export default function NewListingPage() {
   return (
     <Box
       px={{
-        base: '4',
+        base: 0,
         md: '10',
       }}
       py={4}
-      maxWidth="3xl"
+      maxWidth="5xl"
       mx="auto"
     >
       <Button

diff --git a/components/admin/listing-form/ListingForm.tsx b/components/admin/listing-form/ListingForm.tsx
@@ -220,7 +220,7 @@ const ListingForm = ({ categories, listing, handleSubmit }: Props) => {
       {(props) => {
         return (
           <Form encType="multipart/form-data">
-            <chakra.div p={{ sm: 6 }} px={4} py="1rem">
+            <chakra.div p={{ sm: 6 }} px="1rem" py="1rem">
               <chakra.div mb="0.5rem">
                 <Field name="title" validate={fieldRequiredValidator}>
                   {({ field, form }: FieldProps) => (

diff --git a/components/header/Header.tsx b/components/header/Header.tsx
@@ -130,18 +130,20 @@ const Header = ({
                   value={selectedCategories}
                 />
               </InputGroup>
-              <InputGroup>
-                <Select
-                  isMulti
-                  isSearchable={false}
-                  menuPortalTarget={document.body}
-                  onChange={handleTagSelection}
-                  options={tags}
-                  placeholder="Filter by tag"
-                  styles={customMultiSelectStyles}
-                  value={selectedTags}
-                />
-              </InputGroup>
+              {tags.length > 0 && (
+                <InputGroup>
+                  <Select
+                    isMulti
+                    isSearchable={false}
+                    menuPortalTarget={document.body}
+                    onChange={handleTagSelection}
+                    options={tags}
+                    placeholder="Filter by tag"
+                    styles={customMultiSelectStyles}
+                    value={selectedTags}
+                  />
+                </InputGroup>
+              )}
             </VStack>
           </chakra.div>
         </Flex>