chore: little modification on wifi menu style

components-repo · May 11, 2021 · 0b0892f · 0b0892f
1 parent 004daae
commit 0b0892f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/menus/AppleMenu.js b/src/components/menus/AppleMenu.js
@@ -26,7 +26,7 @@ export default function AppleMenu({
 
   return (
     <div
-      className="fixed top-6 left-4 w-56 bg-gray bg-gray-200 bg-opacity-90 blur rounded-b-lg"
+      className="fixed top-6 left-4 w-56 bg-gray-200 bg-opacity-90 blur rounded-b-lg shadow-2xl"
       ref={ref}
     >
       <MenuItemGroup>

diff --git a/src/components/menus/WifiMenu.js b/src/components/menus/WifiMenu.js
@@ -30,7 +30,7 @@ class WifiMenu extends Component {
   render() {
     return (
       <div
-        className="fixed w-80 max-w-full top-8 right-0 sm:right-2 z-50 p-2 flex gap-2 bg-white bg-opacity-40 blur rounded-2xl text-black shadow-2xl"
+        className="fixed w-80 max-w-full top-8 right-0 sm:right-2 px-2 py-0.5 flex gap-2 bg-gray-200 bg-opacity-90 blur rounded-lg text-black shadow-2xl"
         ref={this.wifiRef}
       >
         <div className="w-4/5 p-2 font-medium">Wi-Fi</div>

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -331,13 +331,13 @@ body:not(pre) {
 
 /* The slider */
 .slider-toggle {
+  @apply bg-gray-300;
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }
@@ -375,4 +375,4 @@ input:checked + .slider-toggle:before {
 
 .slider-toggle.round:before {
   border-radius: 50%;
-}
+}