maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes/app store mobile (#2271) 

* Grid fixes for mobile

* Adds missing NavTabs to installed apps page
This commit is contained in:
Omar López 2022-03-24 12:46:36 -07:00 committed by GitHub
parent 3341074bb2
commit 05a7babd56
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/components/apps/AllApps.tsx
View File

@ -9,7 +9,7 @@ export default function AllApps({ apps }: { apps: App[] }) {
return (
<div className="mb-16">
<h2 className="mb-2 text-lg font-semibold text-gray-900">{t("all_apps")}</h2>
<div className="grid-col-1 grid gap-3 md:grid-cols-3">
<div className="grid-col-1 grid grid-cols-1 gap-3 md:grid-cols-3">
{apps.map((app) => (
<AppCard
key={app.name}

2
apps/web/pages/apps/categories/[category].tsx
View File

@ -28,7 +28,7 @@ export default function Apps({ appStore }: InferGetStaticPropsType<typeof getSta
</div>
<div className="mb-16">
<h2 className="mb-2 text-lg font-semibold text-gray-900">All {router.query.category} apps</h2>
<div className="grid grid-cols-3 gap-3">
<div className="grid-col-1 grid grid-cols-1 gap-3 md:grid-cols-3">
{appStore.map((app) => {
return (
app.category === router.query.category && (

17
apps/web/pages/apps/installed.tsx
View File

@ -15,6 +15,7 @@ import { HttpError } from "@lib/core/http/error";
import { useLocale } from "@lib/hooks/useLocale";
import { trpc } from "@lib/trpc";
import AppsShell from "@components/AppsShell";
import { ClientSuspense } from "@components/ClientSuspense";
import { List, ListItem, ListItemText, ListItemTitle } from "@components/List";
import Loader from "@components/Loader";
@ -307,13 +308,15 @@ export default function IntegrationsPage() {
return (
<Shell heading={t("installed_apps")} subtitle={t("manage_your_connected_apps")}>
<ClientSuspense fallback={<Loader />}>
<IntegrationsContainer />
<CalendarListContainer />
<WebhookListContainer title={t("webhooks")} subtitle={t("receive_cal_meeting_data")} />
<IframeEmbedContainer />
<Web3Container />
</ClientSuspense>
<AppsShell>
<ClientSuspense fallback={<Loader />}>
<IntegrationsContainer />
<CalendarListContainer />
<WebhookListContainer title={t("webhooks")} subtitle={t("receive_cal_meeting_data")} />
<IframeEmbedContainer />
<Web3Container />
</ClientSuspense>
</AppsShell>
</Shell>
);
}