scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(LOY-283): remove title from dtmc modal

Browse Source 
adjust padding and remove box-shadow according to design documents
This commit is contained in:
Christian Andolf
2025-06-26 11:23:27 +02:00
parent bbcabfa0ba
commit a3d3f3a06c
3 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/Modal/index.tsx
View File

@@ -122,7 +122,7 @@ function InnerModal({
</header> </header>
)} )}
<section className={contentClassNames}>{children}</section> <div className={contentClassNames}>{children}</div>
</> </>
)} )}
</Dialog> </Dialog>

6
apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx
View File

@@ -57,12 +57,6 @@ export default function DigitalTeamMemberCardClient({
</span> </span>
</Button> </Button>
<Modal onToggle={onToggle} isOpen={isOpen} className={styles.modal}> <Modal onToggle={onToggle} isOpen={isOpen} className={styles.modal}>
<Typography variant="Title/xs">
<h2 className={styles.title}>
{intl.formatMessage({ defaultMessage: "Scandic Family" })}
</h2>
</Typography>
<DigitalTeamMemberCardContent user={user} /> <DigitalTeamMemberCardContent user={user} />
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">

5
apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
View File

@@ -23,6 +23,7 @@
position: relative; position: relative;
perspective: 1000px; perspective: 1000px;
transform-style: preserve-3d; transform-style: preserve-3d;
margin-top: var(--Space-x2);
} }
.shimmer { .shimmer {
@@ -45,9 +46,7 @@
max-width: 100%; max-width: 100%;
color: var(--Text-Brand-OnPrimary-3-Accent); color: var(--Text-Brand-OnPrimary-3-Accent);
background-color: var(--Surface-Brand-Primary-1-OnSurface-Default); background-color: var(--Surface-Brand-Primary-1-OnSurface-Default);
box-shadow: box-shadow: 0 2px 1px rgb(255 255 255 / 11%) inset;
0 2px 1px rgb(255 255 255 / 11%) inset,
0 4px 44px rgb(0 0 0 / 25%);
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
will-change: transform; will-change: transform;
user-select: none; user-select: none;