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

fix mobile screen issue

Browse Source
This commit is contained in:
Aravind R
2026-06-06 13:55:33 +05:30
parent 91841ba3f4
commit ab67fec091
20 changed files with 707 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/sections/EVSection.tsx
View File

@@ -302,7 +302,7 @@ export default function EVSection() {
.evnd-feature {
position: relative;
display: grid;
grid-template-columns: 48px 1fr auto;
grid-template-columns: 48px minmax(0, 1fr) auto;
gap: 20px;
align-items: start;
background: rgba(255,255,255,0.02);
@@ -312,6 +312,7 @@ export default function EVSection() {
overflow: hidden;
transition: background-color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(.25,1,.5,1);
}
.evnd-feature__body { min-width: 0; }
.evnd-feature::before {
content: '';
position: absolute;
@@ -441,6 +442,19 @@ export default function EVSection() {
.evnd__bar-item::after { display: none !important; }
.evnd__badge { padding: 8px 12px; }
.evnd__badge b { font-size: 20px; }
/* feature cards: tighter, no overflow, more room for text */
.evnd-feature {
grid-template-columns: 40px minmax(0, 1fr);
gap: 14px;
padding: 18px 16px;
}
.evnd-feature__icon-container { width: 40px; height: 40px; border-radius: 10px; }
.evnd-icon { width: 20px; height: 20px; }
.evnd-feature__title { font-size: 14px !important; letter-spacing: 0.03em; margin: 2px 0 6px; padding-right: 22px; }
.evnd-feature__desc { font-size: 13px !important; line-height: 1.55 !important; }
/* arrow occupies its own slot to the right of the icon, no extra column */
.evnd-feature__arrow { position: absolute; top: 16px; right: 16px; margin: 0; }
}
`}} />