Skip to content

Commit ac86110

Browse files
committed
Fix mobile view for code tabs
1 parent 8348372 commit ac86110

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

components/CodeExample.re

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -117,14 +117,14 @@ module Toggle = {
117117

118118
let paddingX = switch(numberOfItems) {
119119
| 1
120-
| 2 => "px-16"
121-
| 3 => "px-8"
122-
| _ => "px-4"
120+
| 2 => "sm:px-16"
121+
| 3 => "lg:px-8"
122+
| _ => ""
123123
};
124124
<span
125125
key
126126
className={
127-
paddingX ++ " inline-block p-2 bg-gray-10 last:ml-auto rounded-sm " ++ activeClass
127+
paddingX ++ " px-4 inline-block p-2 bg-gray-10 rounded-sm " ++ activeClass
128128
}
129129
onClick>
130130
label->s
@@ -148,7 +148,7 @@ module Toggle = {
148148
<div
149149
className="flex w-full flex-col rounded-none xs:rounded border-t border-b xs:border border-snow-dark bg-snow-light pb-2 text-night-dark">
150150
<div
151-
className="font-sans mb-6 mb-4 text-sm bg-gray-10 text-gray-60-tr">
151+
className="flex overflow-auto scrolling-touch font-sans mb-6 mb-4 text-sm bg-gray-10 text-gray-60-tr">
152152
labels->ate
153153
</div>
154154
<div className="px-4 text-base pb-2 overflow-x-auto -mt-2">

0 commit comments

Comments
 (0)