Commit 54ddfc1

committed

fixing mobile navigation

1 parent b600ba5 commit 54ddfc1Copy full SHA for 54ddfc1

File tree

+18

-10

lines changed

+18

-10

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,7 @@ export function biDirectionalBfs(grid,start,finish) {`
`131`	`131`	`// }`
`132`	`132`	`// console.log(neighBk[i]);`
`133`	`133`	`return [neighbors,neighBk[i],sur[j]];`
`134`		`- }`
	`134`	`+ }`
`135`	`135`	`}`
`136`	`136`
`137`	`137`	`console.log(neighBk[i])`

Lines changed: 5 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ class Header extends Component{`
`70`	`70`	`          `
`71`	`71`
`72`	`72`	`<NavbarBrand className="ml-auto" href="/">`
`73`		`- <img src= {Img} height="70" alt="Algo-Visualizer" />`
	`73`	`+ <img src= {Img} height="55" alt="Algo-Visualizer" />`
`74`	`74`	`</NavbarBrand>`
`75`	`75`
`76`	`76`	`          `
`@@ -100,12 +100,14 @@ class Header extends Component{`
`100`	`100`	`</FormGroup>`
`101`	`101`	<button type="submit" value="submit" className="btn btn-outline-info sub-btn" >{`visualize ${this.state.algo !== 'null'? this.state.algo : '' }`} </button>
`102`	`102`	`</NavItem>`
`103`		`-`
`104`		`-`
`105`	`103`	`</Form>`
`106`	`104`	`<NavItem className="nav2">`
`107`	`105`	`<button className="btn btn-primary btn-1" onClick={() => this.props.randomGrid()}>Random Grid</button>`
	`106`	`+ </NavItem>`
	`107`	`+ <NavItem className="nav2">`
`108`	`108`	`<button className="btn btn-primary btn-2" onClick={() => this.props.randomWeight()}>Random Weight Grid</button>`
	`109`	`+ </NavItem>`
	`110`	`+ <NavItem className="nav2">`
`109`	`111`	`<button className="btn btn-primary btn-2" onClick={() => this.props.clearGrid()}>Clear Grid</button>`
`110`	`112`	`</NavItem>`
`111`	`113`	`</Nav>`

Lines changed: 12 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -101,11 +101,16 @@`
`101`	`101`
`102`	`102`	`@keyframes visitedAnimation {`
`103`	`103`	`0% {`
`104`		`- transform: scale(0.3);`
	`104`	`+ transform: scale(0.1);`
`105`	`105`	`background-color: rgba(0, 0, 66, 0.75);`
`106`	`106`	`border-radius: 100%;`
`107`	`107`	`}`
`108`	`108`
	`109`	`+ 25% {`
	`110`	`+ transform: scale(0.5);`
	`111`	`+ background-color: rgba(117, 160, 216, 0.75);`
	`112`	`+ }`
	`113`	`+`
`109`	`114`	`50% {`
`110`	`115`	`background-color: rgba(17, 104, 217, 0.75);`
`111`	`116`	`}`
`@@ -236,11 +241,6 @@ li.nav-item {`
`236`	`241`	`margin-top: 60px;`
`237`	`242`	`}`
`238`	`243`
`239`		`-.nav2 {`
`240`		`- display: inline-block;`
`241`		`- padding-top: 6px;`
`242`		`-}`
`243`		`-`
`244`	`244`	`@keyframes specialNodes {`
`245`	`245`	`0% {`
`246`	`246`	`transform: scale(0.3);`
`@@ -257,3 +257,9 @@ li.nav-item {`
`257`	`257`	`/background-color: darkslategrey;/`
`258`	`258`	`}`
`259`	`259`	`}`
	`260`	`+`
	`261`	`+@media screen and (max-width: 767px) {`
	`262`	`+ .nav2 {`
	`263`	`+ margin-left: 6px;`
	`264`	`+ }`
	`265`	`+}`

Comments

(0)