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.

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

fixed #214 removed height property from cards to make responsive #216

Closed
wants to merge 5 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion src/app/(public)/_components/button.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export function Button({
<div className="relative inline-block group w-fit">
<button
className={cn(
'bg-hacktoberfest-black m-1 hover:bg-hacktoberfest-dark-green btn btn-md md:btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
'bg-hacktoberfest-black hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none h-auto p-2',
className
)}
{...props}
Expand Down
6 changes: 3 additions & 3 deletions src/app/(public)/_components/header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ export async function Header() {
return (
<header className="border-b-[0.5px] border-dashed border-b-hacktoberfest-light-green mb-5">
<div className="container px-4 py-2 mx-auto">
<div className="justify-between shadow-lg navbar">
<div className="justify-between shadow-lg navbar gap-2">
<Link href="/">
<img
src="/horizontal_beige.png"
Expand All @@ -26,13 +26,13 @@ export async function Header() {

<div className="flex gap-2 lg:ml-40">
<form action={session ? signOutAction : signInAction}>
<button className="text-white border-white btn btn-ghost border-1 ms-4">
<button className="text-white border-white btn btn-ghost border-1 text-nowrap ms-4">
{session && session.user ? 'Sign Out' : 'Sign In'}
</button>
</form>
<Link
href="/contributors"
className="btn btn-square btn-ghost umami--click--contributors-button"
className="btn btn-square btn-ghost umami--click--contributors-button hidden md:block"
>
<BsPeopleFill size="1.5rem" color="white" title="Contributors" />
</Link>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ export function RepoCard({ repo }: RepoCardProps) {
const hasMoreTopics = sortedTopics?.length > MAX_TOPICS_DISPLAY;

return (
<section className="transition duration-300 shadow-sm card bg-hacktoberfest-black ring-1 ring-hacktoberfest-light-pink hover:scale-105 hover:shadow-2xl hover:shadow-hacktoberfest-deep-pink h-125">
<section className="transition duration-300 shadow-sm card bg-hacktoberfest-black ring-1 ring-hacktoberfest-light-pink hover:scale-105 hover:shadow-2xl hover:shadow-hacktoberfest-deep-pink">
<div className="relative p-6 card-body">
<div className="flex-1">
<div className="flex items-center gap-2">
Expand Down
Loading