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

Replace framer motion with elastic carousel for animation

Browse Source
This commit is contained in:
Hazem Krimi
2021-09-19 18:52:34 +01:00
parent f235d67e51
commit 39d821c349
7 changed files with 167 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Search/styles.ts
+8 -21
View File
@@ -17,32 +17,19 @@ export const Wrapper = styled.div`
justify-content: center;
}
.slider {
display: grid;
grid-template-columns: auto 1fr auto;
justify-content: center;
align-items: center;
.slider-background {
width: 100%;
overflow: hidden;
}
.carousel-arrow {
background: none;
border: none;
align-self: center;
cursor: pointer;
padding: 0 !important;
img {
cursor: pointer;
width: 4rem;
height: 4rem;
width: 48px;
height: 48px;
}
}
.forecast-grid {
display: grid;
grid-template-columns: repeat(auto-fit, 10rem);
grid-auto-flow: column;
column-gap: 2rem;
justify-content: center;
}
.error {
display: grid;
justify-content: center;