# All files / src/DetailPage DetailPage.constants.ts

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

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
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53

    2x

     import { OffsetByBreakpoint, SpanByBreakpoint } from '../Grid/Grid.types'
    import { DetailPageWidth } from './DetailPage.types'

    export const gridConfig: Record<
      DetailPageWidth,
      { width: SpanByBreakpoint | number; offset: OffsetByBreakpoint | number }
    > = {
      md: {
        width: {
          desktopMd: 8,
          desktopSm: 8,
          tabletLg: 8,
          tabletMd: 10,
          tabletSm: 12,
          mobileLg: 12,
        },
        offset: {
          desktopMd: 2,
          desktopSm: 2,
          tabletLg: 2,
          tabletMd: 1,
          tabletSm: 0,
          mobileLg: 0,
        },
      },
      lg: {
        width: {
          desktopMd: 10,
          desktopSm: 10,
          tabletLg: 10,
          tabletMd: 10,
          tabletSm: 12,
          mobileLg: 12,
        },
        offset: {
          desktopMd: 1,
          desktopSm: 1,
          tabletLg: 1,
          tabletMd: 1,
          tabletSm: 0,
          mobileLg: 0,
        },
      },
      xl: {
        width: 12,
        offset: 0,
      },
      block: {
        width: 12,
        offset: 0,
      },
    }