From 304cbddfc87ba97b0970f7974a076431d87f8f79 Mon Sep 17 00:00:00 2001
From: Daniel <you@example.com>
Date: Thu, 19 Sep 2024 17:35:22 +0200
Subject: [PATCH] smartphone support added
---
src/SortingVisualizer.css | 18 +++++++++++++++---
src/SortingVisualizer.jsx | 1 +
2 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/src/SortingVisualizer.css b/src/SortingVisualizer.css
index 91b9266..241a3d6 100644
--- a/src/SortingVisualizer.css
+++ b/src/SortingVisualizer.css
@@ -89,9 +89,6 @@ button:active {
align-items: flex-end;
overflow: hidden;
height: 400px;
-/
-
-
}
#dropdown-menu {
@@ -178,3 +175,18 @@ button:active {
transform: scale(1);
}
}
+
+@media (max-width: 860px) {
+ #ToolBar {
+ flex-direction: column;
+ height: auto;
+ }
+
+ .Divider {
+ display: none;
+ }
+
+ .DivArray {
+ margin-top: 210px;
+ }
+}
\ No newline at end of file
diff --git a/src/SortingVisualizer.jsx b/src/SortingVisualizer.jsx
index a121af3..066cd9b 100644
--- a/src/SortingVisualizer.jsx
+++ b/src/SortingVisualizer.jsx
@@ -7,6 +7,7 @@ import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css';
import {Dropdown} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
+
function SortingVisualizer() {
const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;
--
GitLab