on master help sign in
pages/org: make app icons behave
4862f63Matilde Park
components/ecosystem/BasicPage.js+1−1
@@ -94,7 +94,7 @@ export default function BasicPage({
94 )}
94 )}
95 </div>
95 </div>
96 <div className="flex">
96 <div className="flex">
97− <div className="markdown">
97+ <div className="markdown w-full">
98 <Markdown.render content={JSON.parse(markdown)} />
98 <Markdown.render content={JSON.parse(markdown)} />
99 {children}
99 {children}
100 </div>
100 </div>
pages/organizations/[slug].js+4−5
@@ -39,16 +39,15 @@ export default function Organization({
39 {applications.length > 0 && (
39 {applications.length > 0 && (
40 <>
40 <>
41 <h3>Applications</h3>
41 <h3>Applications</h3>
42− <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
42+ <div className="grid grid-cols-2 md:grid-cols-4 gap-8 h-full w-full">
43 {applications.map((app) => (
43 {applications.map((app) => (
44 <Link href={`/applications/${app.ship}/${app.slug}`}>
44 <Link href={`/applications/${app.ship}/${app.slug}`}>
45− <div className="flex flex-col space-y-4 cursor-pointer">
45+ <div className="flex flex-col h-full w-full space-y-4 cursor-pointer">
46 <div
46 <div
47− className="overflow-hidden rounded-xl"
47+ className="overflow-hidden rounded-xl w-full"
48 style={{
48 style={{
49 backgroundColor: app.bgColor || "rgba(0,0,0,0)",
49 backgroundColor: app.bgColor || "rgba(0,0,0,0)",
50− height: 164,
50+ aspectRatio: "1",
51− width: 164,
52 }}
51 }}
53 >
52 >
54 {app.image && (
53 {app.image && (