Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import { css } from '@emotion/react';
import colors from '@styles/config/colors';
export const inputStyles = css`
display: flex;
align-items: center;
border-radius: 10px;
position: relative;
background-color: ${colors.dark};
border: 1px solid ${colors.border.primary};
padding: 5px 10px;
gap: 0.5rem;
svg: {
fontsize: 1.3rem;
}
input {
padding-top: 0;
padding-bottom: 0;
border: none;
outline: none;
background: none;
width: 100%;
font-size: 1rem;
color: ${colors.font.primary};
font-weight: 500;
&::placeholder {
color: ${colors.font.subtitle};
}
&::file-selector-button {
line-height: 1;
}
}
`;