MobileSidebar.css 770 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .sidebar-container {
  2. height: 100px;
  3. width: 100vw;
  4. margin: 0;
  5. flex: 1 1 0;
  6. display: flex;
  7. align-items: flex-end;
  8. pointer-events: none;
  9. position: fixed;
  10. left: 0;
  11. bottom: 0;
  12. }
  13. li {
  14. text-decoration: none;
  15. list-style: none;
  16. }
  17. .mobile-sidebar {
  18. margin: 0;
  19. pointer-events: all;
  20. width: 100vw;
  21. height: 100px;
  22. padding: 0;
  23. justify-content: space-between;
  24. background-color: #303030;
  25. color: white;
  26. display: flex;
  27. flex-direction: row;
  28. gap: 10px;
  29. z-index: 3;
  30. }
  31. .mobile-sidebar li button {
  32. display: flex;
  33. flex-direction: column;
  34. align-items: center;
  35. border: none;
  36. padding: 10px 10px;
  37. background: none;
  38. color: rgb(255, 0, 149);
  39. font-family: "Knewave", cursive;
  40. font-size: 20px;
  41. }
  42. .sidebar li button:hover {
  43. color: black;
  44. cursor: pointer;
  45. }