adjust studio icon size and placement

This commit is contained in:
2026-07-02 16:55:53 +02:00
parent 90bc6917e8
commit 348a51f2ea
4 changed files with 14 additions and 7 deletions
@@ -51,11 +51,14 @@
height: var(--size-icon-large);
background: var(--color-goldenBeige);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
img, svg {
width: 100%;
width: var(--page-section-icon-scale, 100%);
height: var(--page-section-icon-scale, 100%);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
+2 -2
View File
@@ -1,9 +1,9 @@
import { Blocks } from "@/components/blocks/Blocks";
import styles from './pageContent.module.scss';
export const PageContent = ({ blocks }: any) => {
export const PageContent = ({ blocks, className }: { blocks: any; className?: string }) => {
return (
<div className={styles.pageContent}>
<div className={`${styles.pageContent}${className ? ` ${className}` : ''}`}>
<Blocks blocks={blocks} pageContent />
</div>
)
+2 -1
View File
@@ -4,6 +4,7 @@ import { getClient } from "@/app/client";
import { PageContent } from "@/components/general/PageContent";
import { BgPig } from "@/components/general/BgPig";
import { StudioHeader } from "@/components/studio/StudioHeader";
import styles from "@/components/studio/studioPageContent.module.scss";
const StudioFragmentDefinition = graphql(`
fragment Studio on StudioPage {
@@ -56,7 +57,7 @@ export function StudioPageView({ page }: StudioPageViewProps) {
<>
<main className="site-main" id="main">
<StudioHeader title={page.title} lead={page.lead} />
{page.body && <PageContent blocks={page.body} />}
{page.body && <PageContent blocks={page.body} className={styles.studioBody} />}
</main>
{page.pig && <BgPig type={page.pig} color="white" />}
</>
@@ -0,0 +1,3 @@
.studioBody {
--page-section-icon-scale: 120%;
}