LiveNavbar.tsx 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. 'use client';
  2. import styles from './styles/LiveNavbar.module.scss';
  3. export default function LiveNavbar() {
  4. return (
  5. <header className={styles.navbar}>
  6. <div className={styles.navLeft}>
  7. <button
  8. className={styles.hamburgerBtn}
  9. onClick={() => window.history.back()}
  10. >
  11. <svg
  12. width="24"
  13. height="24"
  14. fill="none"
  15. stroke="currentColor"
  16. viewBox="0 0 24 24"
  17. >
  18. <path
  19. strokeLinecap="round"
  20. strokeLinejoin="round"
  21. strokeWidth={2}
  22. d="M15 19l-7-7 7-7"
  23. />
  24. </svg>
  25. </button>
  26. </div>
  27. <div className={styles.navCenter}>
  28. <div className={styles.logo}>
  29. <span>DPOT LIVE</span>
  30. </div>
  31. </div>
  32. <div className={styles.navRight}>
  33. <button className={styles.navIcon}>
  34. <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24">
  35. <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z" />
  36. </svg>
  37. </button>
  38. <button className={styles.navIcon}>
  39. <svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24">
  40. <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
  41. </svg>
  42. </button>
  43. </div>
  44. </header>
  45. );
  46. }