git.iko.soy/urbit.org
on master help sign in
ecosystem: two-col apps, fix icons
2a9ca50Matilde Park
pages/ecosystem/index.js+6−6
compare with master
unifiedsplit
@@ -1,6 +1,3 @@
1−// All sections in one template
2−// Grid-columns-three
3−// Get content from content/ecosystem/spotlight, content/applications, content/marketplaces, content/organizations, content/podcasts, content/groups
4import { useRouter } from "next/router";
1import { useRouter } from "next/router";
5import Head from "next/head";
2import Head from "next/head";
6import Meta from "../../components/Meta";
3import Meta from "../../components/Meta";
@@ -114,7 +111,7 @@ export default function Ecosystem({
114 className={classnames("grid gap-12 w-full", {
111 className={classnames("grid gap-12 w-full", {
115 "grid-cols-2 md:grid-cols-3": type !== "podcasts",
112 "grid-cols-2 md:grid-cols-3": type !== "podcasts",
116 "grid-cols-1": type === "podcasts",
113 "grid-cols-1": type === "podcasts",
117− "grid-cols-1 md:grid-cols-1": type === "applications",
114+ "grid-cols-1 md:grid-cols-2": type === "applications",
118 hidden: type === undefined,
115 hidden: type === undefined,
119 })}
116 })}
120 >
117 >
@@ -132,13 +129,16 @@ export default function Ecosystem({
132 <Link href={`/applications/${app.ship}/${app.slug}`}>
129 <Link href={`/applications/${app.ship}/${app.slug}`}>
133 <div className="flex space-x-4 items-center cursor-pointer hover:opacity-90">
130 <div className="flex space-x-4 items-center cursor-pointer hover:opacity-90">
134 <div
131 <div
135− className="h-36 w-36 rounded-xl items-center justify-center"
132+ className="h-36 w-36 rounded-xl items-center justify-center shrink-0 overflow-hidden"
136 style={{
133 style={{
137 backgroundColor: app?.bgColor || "rgba(0,0,0,0)",
134 backgroundColor: app?.bgColor || "rgba(0,0,0,0)",
138 }}
135 }}
139 >
136 >
140 {app?.image && (
137 {app?.image && (
138+ <img
141− <img className="items-center" src={app.image} />
139+ className="items-center h-36 w-36"
140+ src={app.image}
141+ />
142 )}
142 )}
143 </div>
143 </div>
144 <div className="">
144 <div className="">