Adding drop shadow to navbar.
This commit is contained in:
parent
a37d7758b4
commit
31ee747839
|
@ -9,3 +9,10 @@
|
||||||
.search-name-cell {
|
.search-name-cell {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-purple {
|
||||||
|
background-color: #673ab7;
|
||||||
|
-webkit-box-shadow: 0 8px 6px -6px #999;
|
||||||
|
-moz-box-shadow: 0 8px 6px -6px #999;
|
||||||
|
box-shadow: 0 8px 6px -6px #999;
|
||||||
|
}
|
|
@ -27,7 +27,7 @@ export class Navbar extends Component<any, State> {
|
||||||
|
|
||||||
navbar() {
|
navbar() {
|
||||||
return (
|
return (
|
||||||
<nav class="navbar navbar-dark" style="background-color: #673ab7">
|
<nav class="navbar navbar-dark navbar-purple">
|
||||||
<a class="navbar-brand" href="#">
|
<a class="navbar-brand" href="#">
|
||||||
<i class="fas fa-fw fa-database mr-1"></i>Torrents.csv
|
<i class="fas fa-fw fa-database mr-1"></i>Torrents.csv
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in New Issue