-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f42382e
commit f2d7490
Showing
11 changed files
with
114 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
6 changes: 6 additions & 0 deletions
6
client/components/MainPage/Card/CardDynamic/CardTrafficJams.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
.CardTrafficJams { | ||
position: absolute; | ||
bottom: .35em; | ||
right: .45em; | ||
font-size: 100px; | ||
} |
20 changes: 20 additions & 0 deletions
20
client/components/MainPage/Card/CardDynamic/CardTrafficJams.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import classNames from 'classnames/bind'; | ||
|
||
import styles from './CardTrafficJams.module.css'; | ||
|
||
const cn = classNames.bind(styles); | ||
|
||
export function CardTrafficJams({ score }) { | ||
return ( | ||
<> | ||
{/* Remove card background */} | ||
<style dangerouslySetInnerHTML={{ | ||
__html: `[class*="Card_Card"]:has([class*="CardTrafficJams"]) {background: white;}` | ||
}} | ||
/> | ||
<div className={cn(styles.CardTrafficJams)}> | ||
{score} | ||
</div> | ||
</> | ||
) | ||
} |
18 changes: 18 additions & 0 deletions
18
client/components/MainPage/Card/CardDynamic/CardTransportA11y.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
.CardTransportA11y { | ||
color: rgba(255,255,255,.9); | ||
font-size: 1.1em; | ||
} | ||
|
||
.CardTransportA11yList { | ||
display: flex; | ||
gap: 16px; | ||
} | ||
|
||
.CardTransportA11yItem { | ||
font-weight: 600; | ||
text-align: left; | ||
} | ||
|
||
.CardTransportA11yItem dd { | ||
margin: 4px 0 0; | ||
} |
32 changes: 32 additions & 0 deletions
32
client/components/MainPage/Card/CardDynamic/CardTransportA11y.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
import classNames from 'classnames/bind'; | ||
|
||
import styles from './CardTransportA11y.module.css'; | ||
|
||
const cn = classNames.bind(styles); | ||
|
||
export function CardTransportA11y({ buses, trolls, trams }) { | ||
return ( | ||
<div className={cn(styles.CardTransportA11y)}> | ||
<p> | ||
Сейчас в городе ходит низкопольный транспорт: | ||
</p> | ||
|
||
<dl className={cn(styles.CardTransportA11yList)}> | ||
<div className={cn(styles.CardTransportA11yItem)}> | ||
<dt>Автобусы</dt> | ||
<dd>{buses}</dd> | ||
</div> | ||
|
||
<div className={cn(styles.CardTransportA11yItem)}> | ||
<dt>Троллейбусы</dt> | ||
<dd>{trolls}</dd> | ||
</div> | ||
|
||
<div className={cn(styles.CardTransportA11yItem)}> | ||
<dt>Трамваи</dt> | ||
<dd>{trams}</dd> | ||
</div> | ||
</dl> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
f2d7490
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Deploy preview for transport ready!
✅ Preview
https://transport-bi9cmwunp-ekbdev.vercel.app
https://ekbdev-transport-feature-output-dynamic-cards.vercel.app
Built with commit f2d7490.
This pull request is being automatically deployed with vercel-action