# All files / src/FileSelect/FileExplorer FileExplorerSidebar.styles.ts

100% Statements 7/7
100% Branches 6/6
100% Functions 0/0
100% Lines 7/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    274x
    4x
    4x

    4x

    4x

    4x

    4x

     import styled from 'styled-components'
    import { colors } from '../../_styles/colors'
    import { SourceItem } from '../SourceItem/SourceItem'

    const sidebarWidth = 248

    export const StyledSidebar = styled.div`
      display: flex;
      flex-shrink: 0;
      width: ${sidebarWidth}px;
      border-right: 1px solid ${colors.gray85};
    `

    export const StyledNavigation = styled.div`
      display: flex;
      flex-direction: column;
      width: 100%;

      &:focus {
        outline: none;
      }
    `

    export const StyledSourceItem = styled(SourceItem)`
      width: 100%;
    `