-
Notifications
You must be signed in to change notification settings - Fork 13
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: add shadow to the search module as per design #835
Conversation
@alfonsobries It sounds good, even compared to Figma! 👍🏽 |
@alfonsobries I'm going to mark as draft until the the UI dep is updated. I'd have updated it but I have a PR that also updates that dependency so figured I'd just wait |
…o fix/advanced-search-shadow
Just updated the ui dependency should be ready now |
@@ -8,7 +8,7 @@ | |||
@search-type-changed.window="searchType = $event.detail" | |||
class="w-full" | |||
> | |||
<div class="flex flex-col bg-white rounded-xl dark:bg-theme-secondary-900"> | |||
<div class="flex flex-col bg-white rounded-lg md:shadow-lg-smooth dark:bg-theme-secondary-900"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
shouldn't this be rounded-xl? afaik we don't use rounded-lg much/at all
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ItsANameToo the design uses less roundiness:
Current implementation (with xl)
With lg
roundiness
Design
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ItsANameToo so according to Oleg lg is correct
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@alfonsobries according to oleg it should be 12px, so xl
I have updated it on your PR
Summary
https://app.clickup.com/t/mb5pj7
Adds the shadow used on the design, depends on https://github.com/ArkEcosystem/laravel-ui/pull/500/files
Checklist