style: Change styles
This commit is contained in:
parent
6cb0f24ed1
commit
abac444027
8
src/styles/Center.styles.js
Normal file
8
src/styles/Center.styles.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
|
export const Center = styled.div`
|
||||||
|
flex:1;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
`;
|
@ -44,6 +44,7 @@ export const Input = styled.input`
|
|||||||
export const DynamicList = styled.div`
|
export const DynamicList = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -33,6 +33,8 @@ export const Select = styled.select`
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: ${({ theme }) => theme.colors.gray900};
|
color: ${({ theme }) => theme.colors.gray900};
|
||||||
|
outline-color: ${({ theme }) => theme.colors.primary};
|
||||||
|
border-color: transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user