From 91252edd0478be51c3d8aee999ba2b0846abd448 Mon Sep 17 00:00:00 2001
From: weru <fromweru@gmail.com>
Date: Sun, 14 Jan 2024 13:44:37 +0000
Subject: [PATCH] fix content overflow on mobile #81
---
assets/sass/_base.sass | 3 ++-
assets/sass/_syntax.sass | 6 +++++-
assets/sass/_utils.sass | 3 ++-
3 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index 98d6dd1..d32c1d9 100644
--- a/assets/sass/_base.sass
+++ b/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
\ No newline at end of file
+ padding-top: 5rem
diff --git a/assets/sass/_syntax.sass b/assets/sass/_syntax.sass
index 9253c30..cca8ba9 100644
--- a/assets/sass/_syntax.sass
+++ b/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
\ No newline at end of file
+ display: flex
+ min-width: 0
diff --git a/assets/sass/_utils.sass b/assets/sass/_utils.sass
index e535e1a..25607af 100644
--- a/assets/sass/_utils.sass
+++ b/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
\ No newline at end of file
+ -webkit-appearance: none
--
Gitblit v1.10.0