Fix stuff for mobile

This commit is contained in:
2024-09-17 14:28:50 -05:00
parent 42cf2e6796
commit 071e5e4a12
10 changed files with 397 additions and 24 deletions

View File

@ -10,17 +10,17 @@ import { FaGithub } from "react-icons/fa";
export default function Fuse() {
return (
<section className="my-6 flex flex-col items-center justify-center m-auto">
<Accordion type="single" collapsible className="w-1/3">
<Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1">
<AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-2xl font-semibold text-center mx-auto">
<div className="flex flex-row">
<h1 className="md:text-2xl font-semibold text-center">
Fuse (React Native, Next.js, & PostgreSQL)
</h1>
<Link href="https://git.gbrown.org/gib/fuse_expo"
className="my-auto"
>
< FaGithub className="my-auto ml-2" size={22} />
< FaGithub className="my-auto ml-2 mr-4" size={22} />
</Link>
</div>
</AccordionTrigger>

View File

@ -10,11 +10,11 @@ import { FaGithub } from "react-icons/fa";
export default function LazyPrimeagen() {
return (
<section className="my-6 flex flex-col items-center justify-center m-auto">
<Accordion type="single" collapsible className="w-1/3">
<Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1">
<AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-2xl font-semibold text-center mx-auto">
<h1 className="md:text-2xl font-semibold text-center mx-auto">
Lazy Primeagen Neovim Config (Lua)
</h1>
<Link href="https://github.com/gibbyb/Lazy_Primeagen"

View File

@ -10,11 +10,11 @@ import { FaGithub } from "react-icons/fa";
export default function Sunhat() {
return (
<section className="my-6 flex flex-col items-center justify-center m-auto">
<Accordion type="single" collapsible className="w-1/3">
<Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1">
<AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-2xl font-semibold text-center mx-auto">Sunhat (Bash)</h1>
<h1 className="md:text-2xl font-semibold text-center mx-auto">Sunhat (Bash)</h1>
<Link href="https://git.gbrown.org/gib/sunhat"
className="my-auto"
>

View File

@ -10,10 +10,10 @@ import { FaGithub } from "react-icons/fa";
export default function TechTracker() {
return (
<section className="my-6 flex flex-col items-center justify-center m-auto">
<Accordion type="single" collapsible className="w-1/3">
<Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1">
<AccordionTrigger>
<h1 className="text-2xl font-semibold text-center mx-auto">Tech Tracker (Next.js, Swift & MySQL)</h1>
<h1 className="md:text-2xl font-semibold text-center mx-auto">Tech Tracker (Next.js, Swift & MySQL)</h1>
</AccordionTrigger>
<AccordionContent>
<div className="flex flex-col">

View File

@ -10,11 +10,11 @@ import { FaGithub } from "react-icons/fa";
export default function TenantPortal() {
return (
<section className="my-6 flex flex-col items-center justify-center m-auto">
<Accordion type="single" collapsible className="w-1/3">
<Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1">
<AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-2xl font-semibold text-center mx-auto">
<h1 className="md:text-2xl font-semibold text-center mx-auto">
Tenant Portal (Next.js & PostgreSQL)
</h1>
<Link href="https://git.gbrown.org/gib/rent_portal"

View File

@ -10,11 +10,11 @@ import { FaGithub } from "react-icons/fa";
export default function WiredWorld() {
return (
<section className="my-6 flex flex-col items-center justify-center m-auto">
<Accordion type="single" collapsible className="w-1/3">
<Accordion type="single" collapsible className="w-5/6 md:w-1/3">
<AccordionItem value="item-1">
<AccordionTrigger>
<div className="flex flex-row mx-auto">
<h1 className="text-2xl font-semibold text-center mx-auto">
<h1 className="md:text-2xl font-semibold text-center mx-auto">
Wired World (PHP & MySQL)
</h1>
<Link href="https://github.com/gibbyb/WiredWorld"