public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[CAL-1125] Fix app detail page heading size (#7257) 

* [CAL-1125] Fix app detail page heading size

* [CAL-1125] Fix margin on back button in shell

* [CAL-1125] Fix shell-margin for mobile

---------

Co-authored-by: Levent Deniz <levent.deniz@check24.de>
pull/7318/head^2
Levent Deniz 2023-02-24 01:19:52 +01:00 committed by GitHub
parent 0815ab715b
commit 4fb0852505
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/components/apps/App.tsx
View File

@ -303,6 +303,11 @@ const Component = ({
);
};
const ShellHeading = () => {
const { t } = useLocale();
return <span className="block py-2">{t("app_store")}</span>;
};
export default function App(props: {
name: string;
description: AppType["description"];
@ -328,10 +333,8 @@ export default function App(props: {
images?: string[];
isTemplate?: boolean;
}) {
const { t } = useLocale();
return (
<Shell smallHeading isPublic heading={t("app_store")} backPath="/apps" withoutSeo>
<Shell smallHeading isPublic heading={<ShellHeading />} backPath="/apps" withoutSeo>
<HeadSeo
title={props.name}
description={props.description}

8
packages/features/shell/Shell.tsx
View File

@ -780,7 +780,11 @@ export function ShellMain(props: LayoutProps) {
return (
<>
<div className={classNames("mb-4 flex sm:mt-0 md:mb-6", props.smallHeading ? "lg:mb-7" : "lg:mb-8")}>
<div
className={classNames(
"my-4 flex items-center md:mt-0 md:mb-6",
props.smallHeading ? "lg:mb-7" : "lg:mb-8"
)}>
{!!props.backPath && (
<Button
variant="icon"
@ -791,7 +795,7 @@ export function ShellMain(props: LayoutProps) {
}
StartIcon={FiArrowLeft}
aria-label="Go Back"
className="mt-2 rounded-md ltr:mr-2 rtl:ml-2"
className="rounded-md ltr:mr-2 rtl:ml-2"
/>
)}
{props.heading && (