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

Feature/multiple updates #1346

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Feature/multiple updates #1346

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
eb16d8c
feat: add smooth hover animation for button height transition
Dec 6, 2024
d9d1df6
feat: added hover effect and pointer cursor to connect button
Dec 6, 2024
670c787
feat: added smooth hover animation and darker background for button
Dec 6, 2024
3fef342
fix: updated footer styles and layout
Dec 6, 2024
51722a6
fix: updated X link
NikolaiKryshnev Dec 6, 2024
d8c6e4d
fix: updated X icon
NikolaiKryshnev Dec 6, 2024
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
4 changes: 2 additions & 2 deletions apps/base-docs/docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -298,11 +298,11 @@ const config = {
eventContext: 'navbar',
},
{
label: 'Twitter',
label: 'Social X',
icon: 'twitter',
type: 'custom-dropdownLink',
target: '_blank',
to: 'https://www.twitter.com/base',
to: 'https://x.com/base',
eventLabel: 'socials_twitter',
eventContext: 'navbar',
},
Expand Down
3 changes: 2 additions & 1 deletion apps/base-docs/src/components/Hero/HeroButton/styles.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,11 @@
font-weight: 500;
text-align: center;
text-transform: uppercase;
transition: background-color 0.3s ease, color 0.3s ease;
}

.ctaButton:hover {
background-color: #EFF2F9;
background-color: #dde3f1;
cursor: pointer;
}

Expand Down
20 changes: 9 additions & 11 deletions apps/base-docs/src/components/Icon/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -256,18 +256,16 @@ export default function Icon({ name, width = '24', height = '24', color }: IconP
}
if (name === 'twitter') {
return (
<svg
width="24"
height="20"
viewBox="0 0 24 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.543 5.10412C21.5576 5.3157 21.5576 5.52728 21.5576 5.74081C21.5576 12.2471 16.6045 19.7508 7.54759 19.7508V19.7469C4.87215 19.7508 2.25229 18.9844 0 17.5395C0.389031 17.5863 0.780012 17.6097 1.17197 17.6106C3.38915 17.6126 5.54296 16.8687 7.28726 15.4988C5.18026 15.4588 3.3326 14.085 2.68714 12.0794C3.42523 12.2217 4.18574 12.1925 4.91018 11.9946C2.61304 11.5304 0.96039 9.51217 0.96039 7.16823V7.10583C1.64485 7.48706 2.41121 7.69864 3.19513 7.72204C1.03157 6.27609 0.364656 3.39785 1.67118 1.14751C4.17112 4.22369 7.8596 6.09377 11.8191 6.29169C11.4223 4.58152 11.9644 2.78944 13.2436 1.58724C15.2268 -0.276985 18.3459 -0.181433 20.2101 1.80077C21.3129 1.58334 22.3698 1.17871 23.337 0.605404C22.9694 1.7452 22.2001 2.71339 21.1725 3.32862C22.1484 3.21357 23.102 2.95227 24 2.55348C23.3389 3.5441 22.5063 4.40699 21.543 5.10412Z"
<svg
viewBox="0 0 50 50"
width="30px"
height="30px"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M 6.9199219 6 L 21.136719 26.726562 L 6.2285156 44 L 9.40625 44 L 22.544922 28.777344 L 32.986328 44 L 43 44 L 28.123047 22.3125 L 42.203125 6 L 39.027344 6 L 26.716797 20.261719 L 16.933594 6 L 6.9199219 6 z"
fill={color}
/>
</svg>
/>
</svg>
);
}
if (name === 'github') {
Expand Down
9 changes: 8 additions & 1 deletion apps/base-docs/src/theme/NavbarItem/styles.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,11 @@
line-height: 24px;
text-transform: uppercase;
background-color: transparent;
cursor: pointer;
}
.connectButton:hover {
text-decoration: underline;
}

.errorButton {
padding: 8px 32px 8px 32px;
border: 1px solid var(--ifm-navbar-link-color);
Expand All @@ -20,6 +23,10 @@
line-height: 24px;
text-transform: uppercase;
background-color: transparent;
cursor: pointer;
}
.errorButton:hover {
text-decoration: underline;
}

.network {
Expand Down
18 changes: 15 additions & 3 deletions apps/web/src/components/Layout/Footer/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,27 @@ export function Footer() {
<Container>
<ul className="flex w-full justify-between gap-2 ">
<li>
<Link href="https://docs.base.org/terms-of-service">Terms of Service</Link>
<Link
href="https://docs.base.org/terms-of-service"
className="opacity-100 hover:opacity-70"
>
Terms of Service
</Link>
</li>

<li>
<Link href="https://docs.base.org/privacy-policy">Privacy Policy</Link>
<Link
href="https://docs.base.org/privacy-policy"
className="opacity-100 hover:opacity-70"
>
Privacy Policy
</Link>
</li>

<li>
<Link href="/cookie-policy">Cookie Policy</Link>
<Link href="/cookie-policy" className="opacity-100 hover:opacity-70">
Cookie Policy
</Link>
</li>

<li>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/base-org/root/BlogSection/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ function ProgressButton({
key={post.url}
aria-label={`View blog post: ${post.title}`}
type="button"
className="h-2 w-1/6 overflow-hidden rounded-full bg-black/20 backdrop-blur-[0.5rem] hover:h-4"
className="h-2 w-1/6 overflow-hidden rounded-full bg-black/20 backdrop-blur-[0.5rem] transition-all duration-200 ease-in-out hover:h-4"
onClick={onClickHandler}
>
<div className={progressClasses} data-index={index} onAnimationEnd={onAnimationEndHandler} />
Expand Down
Loading