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

Suggested design for buttons #5

Merged
merged 4 commits into from
Dec 8, 2024
Merged

Suggested design for buttons #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
70666df
Suggested design for buttons
Adi-204 Dec 2, 2024
dcb111b
Removed Flowbite dependencies
Adi-204 Dec 3, 2024
c52f71c
Changed design of all buttons
Adi-204 Dec 7, 2024
24a6a76
Added transition to buttons
Adi-204 Dec 7, 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
6 changes: 4 additions & 2 deletions app/page.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,12 @@ const Home = () => {
<h3>Find your travel partners for your next trip or train ride</h3>
<br />
<div className="d-flex justify-content-center gap-3">
<Link href="/trips" className="btn btn-primary btn-lg">
<Link href="/trips" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
Trips
</Link>
<Link href="/trains" className="btn btn-secondary btn-lg">
<Link href="/trains" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
Trains
</Link>
</div>
Expand Down
8 changes: 5 additions & 3 deletions app/trains/page.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,17 +20,19 @@ const Page = () => {
</h6>
<br />
<div className="d-flex justify-content-center gap-3 align-items-center flex-wrap mb-3">
<Link href="/trains/create" className="btn btn-primary btn-lg">
<Link href="/trains/create" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
Enter New Train Details
</Link>
<Link
href="/trains/my-trains"
className="btn btn-primary btn-lg"
className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
My Current Train Trips
</Link>
</div>
<Link href="/" className="btn btn-secondary btn-lg">
<Link href="/" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
Back to Home
</Link>
<footer className="mt-5">
Expand Down
9 changes: 6 additions & 3 deletions app/trips/page.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,17 @@ const Page = () => {
</h6>
<br />
<div className="d-flex justify-content-center gap-3 align-items-center flex-wrap mb-3">
<Link href="/trips/create" className="btn btn-primary btn-lg">
<Link href="/trips/create" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
Enter New Trip Details
</Link>
<Link href="/trips/my-trips" className="btn btn-primary btn-lg">
<Link href="/trips/my-trips" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
My Current Trips
</Link>
</div>
<Link href="/" className="btn btn-secondary btn-lg">
<Link href="/" className="btn btn-lg text-white bg-gradient-to-br from-green-400 to-blue-600 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-green-200 font-medium rounded-full text-sm px-4 py-2 text-center transition-all duration-500"
>
Back to Home
</Link>
<footer className="mt-5">
Expand Down