@@ -248,6 +248,12 @@ export default {
padding: 12px 0;
background: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, #F5F7FA 52.6%, rgba(245, 247, 250, 0) 100%);
margin-bottom: 16px;
+ overflow-x: auto;
+ &::-webkit-scrollbar {
+ scrollbar-width: none; /* Firefox */
+ -ms-overflow-style: none; /* IE 10+ */
+ display: none; /* Chrome Safari */
+ }
.tool {
display: flex;
align-items: center;
@@ -348,7 +354,7 @@ export default {
}
-@media screen and (max-width: 1280px) {
+@media screen and (max-width: 959px) {
.choose-tools {
h2 {
margin-top: 48px;
@@ -358,12 +364,6 @@ export default {
.tools {
padding: 8px 0;
- overflow-x: auto;
- &::-webkit-scrollbar {
- scrollbar-width: none; /* Firefox */
- -ms-overflow-style: none; /* IE 10+ */
- display: none; /* Chrome Safari */
- }
min-width: 115px;
padding: 4px;