fix content overflow on mobile #81

weru

14.42.2024 91252edd0478be51c3d8aee999ba2b0846abd448

fix content overflow on mobile #81

 assets/sass/_base.sass

@@ -36,6 +36,7 @@
  position: relative
  font-kerning: normal
  display: flex
  min-width: 0
  flex-direction: column
  justify-content: space-between
  min-height: 100vh
@@ -273,4 +274,4 @@
    transform: translate(0.1rem, 0.1rem)

#searchpage
  padding-top: 5rem
  padding-top: 5rem

 assets/sass/_syntax.sass

@@ -87,6 +87,7 @@
      pre
        width: 100%
        display: flex
        min-width: 0
        align-items: center
        flex-direction: column

@@ -201,6 +202,7 @@
    right: 0rem
    top: -2.1rem
    opacity: 0
    min-width: 0
  &_icon
    display: inline-flex
    align-items: center
@@ -209,6 +211,7 @@
    padding: 0.1rem
    transform-origin: 50% 50%
    margin: 0
    min-width: 0
    &.active
      animation: pulse 0.1s linear
    svg
@@ -243,4 +246,5 @@

.line
  &-flex
    display: flex
    display: flex
    min-width: 0

 assets/sass/_utils.sass

@@ -76,6 +76,7 @@
.chart
  display: grid
  grid-gap: 1.5rem
  min-width: 0
  max-width: 98vw !important
  max-height: 98vw !important

@@ -100,4 +101,4 @@

.standardize-input
  appearance: none
  -webkit-appearance: none
  -webkit-appearance: none