Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix blog page

Browse Source
This commit is contained in:
Aravind R
2026-06-08 16:20:39 +05:30
parent a16d51f2fa
commit 8862ad2cb3
18 changed files with 2985 additions and 670 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/sections/Workflow3.tsx
View File

@@ -248,18 +248,35 @@ const styles = `
.dm-workflow-text { font-size: 19px; }
}
@media (max-width: 767px) {
/* Mobile: compact card so it never exceeds ~500px (was ~850px from the full
desktop chevron + long paragraph). Smaller chevron, tighter spacing and a
line-clamped paragraph keep the workflow state readable without a long scroll. */
.dm-wf3-card {
/* Bottom gap separates this last workflow card from the contact section below. */
margin: 0 10px 16px;
border-radius: 0 0 20px 20px;
padding: 36px 28px;
gap: 36px;
padding: 26px 22px;
gap: 16px;
flex-direction: column;
}
.dm-workflow-left { max-width: 280px; }
.dm-workflow-right { width: 100%; }
.dm-workflow-title { font-size: 28px; }
.dm-workflow-text { font-size: 17px; }
.dm-workflow-left { max-width: 128px; }
.dm-workflow-right { width: 100%; gap: 12px; }
.dm-workflow-quote { margin-bottom: 2px; }
.dm-workflow-title { font-size: 22px; }
.dm-workflow-text-container { min-height: auto; }
.dm-workflow-text {
font-size: 15px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dm-workflow-nav { margin-top: 4px; }
}
@media (max-width: 390px) {
.dm-workflow-left { max-width: 108px; }
.dm-workflow-title { font-size: 20px; }
.dm-workflow-text { font-size: 14px; -webkit-line-clamp: 4; }
}
`;