Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7023 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
7009 stevensc 1 
import React from 'react'
2 
import { styled } from 'styled-components'
3 
 
4 
const LocationWidget = styled.div`
5 
  background: var(--bg-color);
6 
  border: 1px solid var(--border-primary);
7 
  border-radius: var(--border-radius);
8 
  height: fit-content;
9 
  box-shadow: var(--light-shadow);
10 
  width: 100%;
11 
  display: flex;
12 
  flex-direction: column;
13 
  gap: 1rem;
14 
  padding: 1rem 0;
15 
 
16 
  * {
17 
    margin-left: 1rem;
18 
    margin-right: 1rem;
19 
  }
20 
 
21 
  input {
22 
    width: -webkit-fill-available;
23 
  }
24 
 
25 
  h3 {
26 
    font-weight: 600;
27 
    color: var(--subtitle-color);
28 
  }
29 
 
30 
  ul {
31 
    border-top: 1px solid var(--border-primary);
32 
    display: flex;
33 
    flex-direction: column;
34 
    gap: 0.5rem;
35 
    padding-top: 1rem;
36 
 
37 
    label {
38 
      cursor: pointer;
39 
    }
40 
  }
41 
 
42 
  @media (max-width: 768px) {
43 
    border-radius: 0;
44 
    border-left: 0;
45 
    border-right: 0;
46 
  }
47 
`
48 
 
49 
const WidgetLayout = ({ children }) => {
50 
  return <LocationWidget>{children}</LocationWidget>
51 
}
52 
 
53 
export default WidgetLayout