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/responsive solved #220

Merged
merged 3 commits into from
Oct 2, 2024
Merged

Feature/responsive solved #220

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0ccdf46
mobile view overflowing fixed, lockfile & env.local removed
SharizHussain Oct 2, 2024
6abdfec
mobile view overflowing fixed, lockfile & env.local removed
SharizHussain Oct 2, 2024
20d678a
hover buttons view improved in mobile screens
SharizHussain Oct 2, 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
2 changes: 1 addition & 1 deletion src/app/(public)/_components/button.tsx
View file
Open in desktop
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-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
'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',
className
)}
{...props}
Expand Down
8 changes: 4 additions & 4 deletions src/app/(public)/repos/[language]/_components/sorter.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,15 +117,15 @@ export function Sorter() {

return (
<div className="flex items-center justify-center gap-2 mb-8">
<div className="dropdown dropdown-hover">
<div className="dropdown group dropdown-hover">
<Button
tabIndex={0}
className="hover:bg-hacktoberfest-green hover:text-hacktoberfest-dark-green"
>
<Code className="w-6 h-6 mr-2" />
Language
</Button>
<div className="z-50 h-64 p-2 overflow-y-scroll shadow dropdown-content bg-base-100 rounded-box w-60">
<div className="z-50 h-64 p-2 overflow-y-scroll shadow dropdown-content hidden group-hover:block bg-base-100 rounded-box w-60">
<ul tabIndex={0} className="menu menu-vertical">
{mainLanguages.sort(sortByName).map(language => (
<li key={language} onClick={handleClick}>
Expand All @@ -137,15 +137,15 @@ export function Sorter() {
</ul>
</div>
</div>
<div className="dropdown dropdown-hover">
<div className="dropdown dropdown-hover group">
<Button
tabIndex={0}
className="hover:bg-hacktoberfest-green hover:text-hacktoberfest-dark-green"
>
<ArrowUpAZ className="w-6 h-6 mr-2" />
{selectedSort()}
</Button>
<div className="z-50 h-64 p-2 overflow-y-scroll shadow dropdown-content bg-base-100 rounded-box w-60">
<div className="z-50 h-64 p-2 overflow-y-scroll shadow dropdown-content hidden group-hover:block -ml-16 bg-base-100 rounded-box w-60">
<ul tabIndex={0} className="menu menu-vertical">
{navigationItems.map((item, index) => {
const sp = item.onSelect(new URLSearchParams(searchParams));
Expand Down
2 changes: 1 addition & 1 deletion src/app/(public)/repos/[language]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ async function getRepos(

async function getReportedRepos() {
const client = getXataClient();
const reports = await client.db.reports
const reports = await client.db.reports
.select(['repoId'])
.filter({ valid: false })
.getMany();
Expand Down
2 changes: 1 addition & 1 deletion src/components/footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ const formatter = new Intl.ListFormat('en', {

export function Footer() {
return (
<footer className="text-center text-white py-4 text-lg border-t-[0.5px] border-dashed border-t-hacktoberfest-light-green">
<footer className="text-center pb-10 text-white py-4 text-lg border-t-[0.5px] border-dashed border-t-hacktoberfest-light-green">
<div className="container px-4 mx-auto">
<Link href="/contributors">
Made with <span className="text-red-500">💗</span> by{' '}
Expand Down
Loading