justify date
This commit is contained in:
parent
d1574e0922
commit
49022991c2
@ -1,11 +1,16 @@
|
|||||||
import { getWeekDay, getTime, getAMPM } from "../services/utils";
|
import { getWeekDay, getTime, getAMPM } from "../services/utils";
|
||||||
|
import styles from "./DateAndTime.module.css";
|
||||||
|
|
||||||
export const DateAndTime = ({ weatherData, systemUsed }) => (
|
export const DateAndTime = ({ weatherData, systemUsed }) => {
|
||||||
<h2>
|
return (
|
||||||
{`${getWeekDay(weatherData)}, ${getTime(
|
<div className={styles.wrapper}>
|
||||||
systemUsed,
|
<h2>
|
||||||
weatherData.dt,
|
{`${getWeekDay(weatherData)}, ${getTime(
|
||||||
weatherData.timezone
|
systemUsed,
|
||||||
)} ${getAMPM(systemUsed, weatherData.dt, weatherData.timezone)}`}
|
weatherData.dt,
|
||||||
</h2>
|
weatherData.timezone
|
||||||
);
|
)} ${getAMPM(systemUsed, weatherData.dt, weatherData.timezone)}`}
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
4
components/DateAndTime.module.css
Normal file
4
components/DateAndTime.module.css
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
.wrapper {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user