generated from the-collab-lab/smart-shopping-list
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* List name header styling and component * Heading bottom margin and share list styling * List header bottom margin * Moved colors object in theme into extend to allow use of Tailwind colors * Delete List button styling * Added tailwindcss-forms plugin, basic list item styling without purchase urgency pill * Created dynamic list item urgency label as component, added hover color to palette, changed urgency return 'Kind of soon' to 'Kinda soon' * Urgency label text styling, list item wrapping * Adjusted responsiveness for label and delete button * Cleaned up List view logic * Added no listpath logic for ManageList view, match header section nesting in List and ManageList views * List view filter styling * Added default icon to list item names * WIP - Style add item form * Finish styling add item form * Adjusted new item and filter form input widths, filter form button responsive styling * Refactored ListItem with grid for better aesthetics, removed unneeded code from AddItem, refactored grid templates for tiny screen size into one. * Changed all form input backgrounds to default white --------- Co-authored-by: andiedoescode <[email protected]> Co-authored-by: Andrea Pang <[email protected]>
- Loading branch information
1 parent
e0388fa
commit 4045baa
Showing
11 changed files
with
260 additions
and
116 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
export function ListHeader({ text }) { | ||
return ( | ||
<h2 className="flex-1 bg-sage min-h-24 text-center content-center font-bold text-4xl mb-12"> | ||
{text} | ||
</h2> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
export function UrgencyLabel({ text }) { | ||
let labelColor = ''; | ||
|
||
switch (text) { | ||
case 'Overdue': | ||
labelColor = 'bg-red-400'; | ||
break; | ||
case 'Soon': | ||
labelColor = 'bg-orange-400'; | ||
break; | ||
case 'Kinda Soon': | ||
labelColor = 'bg-amber-300'; | ||
break; | ||
case 'Not Soon': | ||
labelColor = 'bg-teal-400'; | ||
break; | ||
default: | ||
labelColor = 'border border-dark-green'; | ||
break; | ||
} | ||
|
||
return ( | ||
<span | ||
className={ | ||
'ml-auto mr-4 rounded-lg px-2 py-1 text-center uppercase text-xl ' + | ||
labelColor | ||
} | ||
> | ||
{text} | ||
</span> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.