hazemKrimi/react-weather-app
1
0
Fork 0
mirror of https://github.com/hazemKrimi/react-weather-app.git synced 2026-05-01 18:30:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix main card styles

Browse Source
This commit is contained in:
Hazem Krimi
2022-05-08 15:54:54 +01:00
parent ec34936e9c
commit dc2f2f75da
2 changed files with 70 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Home/styles.ts
+35 -33
View File
@@ -1,43 +1,45 @@
import styled from 'styled-components';
export const Wrapper = styled.div`
min-height: 85vh;
padding: 2rem 0rem;
display: grid;
row-gap: 3rem;
min-height: 85vh;
padding: 2rem 0rem;
display: grid;
row-gap: 3rem;
h2 {
text-align: center;
}
h2 {
text-align: center;
}
.main,
.wind,
.humidity {
display: grid;
justify-content: center;
}
.main,
.wind,
.humidity {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
}
.carousel-arrow {
background: none;
border: none;
align-self: center;
cursor: pointer;
padding: 0 !important;
.carousel-arrow {
background: none;
border: none;
align-self: center;
cursor: pointer;
padding: 0 !important;
img {
width: 48px;
height: 48px;
}
}
img {
width: 48px;
height: 48px;
}
}
.error {
display: grid;
justify-content: center;
align-items: center;
.error {
display: grid;
justify-content: center;
align-items: center;
h2 {
text-align: center;
word-break: break-word;
}
}
h2 {
text-align: center;
word-break: break-word;
}
}
`;
src/pages/Search/styles.ts
+35 -33
View File
@@ -1,43 +1,45 @@
import styled from 'styled-components';
export const Wrapper = styled.div`
min-height: 85vh;
padding: 2rem 0rem;
display: grid;
row-gap: 3rem;
min-height: 85vh;
padding: 2rem 0rem;
display: grid;
row-gap: 3rem;
h2 {
text-align: center;
}
h2 {
text-align: center;
}
.main,
.wind,
.humidity {
display: grid;
justify-content: center;
}
.main,
.wind,
.humidity {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
}
.carousel-arrow {
background: none;
border: none;
align-self: center;
cursor: pointer;
padding: 0 !important;
.carousel-arrow {
background: none;
border: none;
align-self: center;
cursor: pointer;
padding: 0 !important;
img {
width: 48px;
height: 48px;
}
}
img {
width: 48px;
height: 48px;
}
}
.error {
display: grid;
justify-content: center;
align-items: center;
.error {
display: grid;
justify-content: center;
align-items: center;
h2 {
text-align: center;
word-break: break-word;
}
}
h2 {
text-align: center;
word-break: break-word;
}
}
`;