diff --git a/client/assets/css/main.css b/client/assets/css/main.css index 19434e0..133f5ed 100644 --- a/client/assets/css/main.css +++ b/client/assets/css/main.css @@ -135,10 +135,14 @@ button:hover { display: block; width: calc(100%/3); list-style: none; - height: fit-content; + height: 2.3rem; margin: auto; } +.nav li a{ + text-decoration: none; +} + .nav li button{ display: block; border-width: 0 1px 3px 1px; @@ -147,25 +151,37 @@ button:hover { width: 100%; min-width: 200px; font-size: 1.5rem; - height: 2.3rem; +} + +.nav li button:hover{ + margin-top: -10px; + border-width: 2px 1px 2px 1px; + border-style: solid; + border-color: rgba(16, 14, 54, 0.9); } .nav li button[active]{ transition-duration: 0.2s; color: rgb(67, 217, 255); background-color: rgb(15, 53, 124); - padding: 5px; } + @media screen and (max-width:600px){ .nav li{ width: 100%; min-width: 100%; + height: fit-content; } .nav li button{ height: 3.2rem; } + + .nav li button:hover{ + margin-top: 0; + border-width: 0; + } } .formFileInput { diff --git a/client/assets/js/index.js b/client/assets/js/index.js index 22c737f..e69de29 100644 --- a/client/assets/js/index.js +++ b/client/assets/js/index.js @@ -1,4 +0,0 @@ -$(".nav li button").on('click',function(){ - $(".nav li button").removeAttr("active"); - $(this).attr("active",""); -}); \ No newline at end of file diff --git a/client/index.html b/client/index.html index a07d1c9..8bf65c7 100644 --- a/client/index.html +++ b/client/index.html @@ -21,9 +21,9 @@