[WEB-2273] Fix: page alignments (#5541)
* chore: headers + common containers * fix: filters code splitting * fix: home header * fix: header changes * chore: page alignments fixed * fix: uncommented filters * fix: used enums * fix: cards + filters * fix: enum changes * fix: reverted package changes * fix: reverted package changes * fix: Card + tags seperated + naming fixed * fix: card + tags seperated + naming fixed * fix: mobile headers fixed partially * fix: build errors + minor css * fix: checkbox spacing * fix: review changes * fix: lint errors * fix: minor review changes * fix: header-alignments * fix: tabs * fix: settings page * fix: subgroup page * fix: mobile headers * fix: settings mobile header made observable * fix: lint error + edge case handling
This commit is contained in:
parent
751cd6c862
commit
c95aa6a0f7
52 changed files with 234 additions and 219 deletions
|
|
@ -27,7 +27,7 @@ export const ViewOrderByDropdown: React.FC<Props> = (props) => {
|
|||
];
|
||||
|
||||
const buttonClassName = isMobile
|
||||
? "flex items-center text-sm text-custom-text-200 gap-2"
|
||||
? "flex items-center text-sm text-custom-text-200 gap-2 w-full"
|
||||
: `${getButtonStyling("neutral-primary", "sm")} px-2 text-custom-text-300`;
|
||||
|
||||
const chevronClassName = isMobile ? "h-4 w-4 text-custom-text-200" : "h-3 w-3";
|
||||
|
|
@ -38,11 +38,11 @@ export const ViewOrderByDropdown: React.FC<Props> = (props) => {
|
|||
<span className={buttonClassName}>
|
||||
{!isMobile && <ArrowDownWideNarrow className="h-3 w-3" />}
|
||||
<span className="flex-shrink-0"> {orderByDetails?.label}</span>
|
||||
<ChevronDown className={chevronClassName} strokeWidth={1} />
|
||||
<ChevronDown className={chevronClassName} strokeWidth={2} />
|
||||
</span>
|
||||
}
|
||||
placement="bottom-end"
|
||||
className="w-full"
|
||||
className="w-full flex justify-center"
|
||||
maxHeight="lg"
|
||||
closeOnSelect
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue