Skip to content
Snippets Groups Projects
Commit 8d870c69 authored by Daniel's avatar Daniel
Browse files

small fixes

parent af855b93
Branches
No related tags found
No related merge requests found
...@@ -2,16 +2,15 @@ FROM node:18-alpine ...@@ -2,16 +2,15 @@ FROM node:18-alpine
WORKDIR /app WORKDIR /app
RUN npm create vite@latest sorting-visualizer -- --template react &&\ RUN apk update && apk add --no-cache bash findutils &&\
apk update && apk add --no-cache bash findutils &&\
rm -rf /var/cache/apk/* rm -rf /var/cache/apk/*
WORKDIR /app/sorting-visualizer WORKDIR /app/sorting-visualizer
RUN rm -rf src/App.css src/App.jsx src/assets src/index.css
COPY package-lock.json . COPY package-lock.json .
COPY package.json . COPY package.json .
RUN npm install RUN npm install
RUN rm -rf src/App.css src/App.jsx src/assets src/index.css
COPY src src/ COPY src src/
COPY index.html . COPY index.html .
......
...@@ -80,7 +80,6 @@ button:active { ...@@ -80,7 +80,6 @@ button:active {
} }
.DivArray { .DivArray {
transform: rotate(180deg);
transform: scaleY(-1); transform: scaleY(-1);
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
...@@ -94,7 +93,7 @@ button:active { ...@@ -94,7 +93,7 @@ button:active {
background-color: #34495e; background-color: #34495e;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
margin-top: 15px; margin-top: 3px;
} }
...@@ -123,6 +122,7 @@ button:active { ...@@ -123,6 +122,7 @@ button:active {
alignItems: center; alignItems: center;
place-items: center; place-items: center;
margin-inline: 10px; margin-inline: 10px;
width: 190px;
} }
#dropdown:hover { #dropdown:hover {
......
...@@ -6,7 +6,6 @@ import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css'; ...@@ -6,7 +6,6 @@ import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css';
import {Dropdown} from 'react-bootstrap'; import {Dropdown} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/css/bootstrap.min.css';
function SortingVisualizer() { function SortingVisualizer() {
const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5; const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;
...@@ -95,7 +94,7 @@ function SortingVisualizer() { ...@@ -95,7 +94,7 @@ function SortingVisualizer() {
<> <>
<div className='Container'> <div className='Container'>
<div id='ToolBar'> <div id='ToolBar'>
<div className="Label">How many Bars?</div> <div className="Label">How many bars?</div>
<SliderWithInputFormControl style={{className: 'range-slider'}}/> <SliderWithInputFormControl style={{className: 'range-slider'}}/>
<input type='number' max={100} min={0} disabled={sorting} <input type='number' max={100} min={0} disabled={sorting}
onChange={changeEvent => { onChange={changeEvent => {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment