Skip to content
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.

Sign up for GitHub

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

Jump to bottom

New shadow-center utility class for dropdown/notifications #455

Merged
merged 2 commits into from
Jul 27, 2023
Merged

New shadow-center utility class for dropdown/notifications #455

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ad95f62
new shadow-center utility class for dropdown/notifications
carletex Jul 27, 2023
edf102e
Change dropdown menu background
carletex Jul 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 10 additions & 3 deletions packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,10 +37,13 @@ export const RainbowKitCustomConnectButton = () => {
<span>Wrong network</span>
<ChevronDownIcon className="h-6 w-4 ml-2 sm:ml-0" />
</label>
<ul tabIndex={0} className="dropdown-content menu p-2 mt-1 shadow-lg bg-base-100 rounded-box">
<ul
tabIndex={0}
className="dropdown-content menu p-2 mt-1 shadow-center shadow-accent bg-base-200 rounded-box gap-1"
>
<li>
<button
className="menu-item"
className="menu-item btn-sm !rounded-xl"
type="button"
onClick={() => switchNetwork?.(configuredNetwork.id)}
>
Expand All @@ -51,7 +54,11 @@ export const RainbowKitCustomConnectButton = () => {
</button>
</li>
<li>
<button className="menu-item text-error" type="button" onClick={() => disconnect()}>
<button
className="menu-item text-error btn-sm !rounded-xl"
type="button"
onClick={() => disconnect()}
>
<ArrowLeftOnRectangleIcon className="h-6 w-4 ml-2 sm:ml-0" /> <span>Disconnect</span>
</button>
</li>
Expand Down
3 changes: 3 additions & 0 deletions packages/nextjs/tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,9 @@ module.exports = {
fontFamily: {
"bai-jamjuree": ["Bai Jamjuree", "sans-serif"],
},
boxShadow: {
center: "0 0 12px -2px rgb(0 0 0 / 0.05)",
},
keyframes: {
grow: {
"0%": {
Expand Down
2 changes: 1 addition & 1 deletion packages/nextjs/utils/scaffold-eth/notification.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ const Notification = ({
return toast.custom(
t => (
<div
className={`flex flex-row items-start justify-between max-w-sm rounded-md shadow-2xl hover:shadow-none bg-base-200 p-4 transform-gpu relative transition-all duration-500 ease-in-out space-x-2
className={`flex flex-row items-start justify-between max-w-sm rounded-xl shadow-center shadow-accent bg-base-200 p-4 transform-gpu relative transition-all duration-500 ease-in-out space-x-2
${
position.substring(0, 3) == "top"
? `hover:translate-y-1 ${t.visible ? "top-0" : "-top-96"}`
Expand Down