app-navigation.acss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .app-navigation.data-v-0756a178{
  2. background-color: #fff;
  3. border-radius: 15px 15px 0 0;
  4. -webkit-filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.05));
  5. filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.05));
  6. }
  7. .app-navigation .__body.data-v-0756a178{
  8. display: flex;
  9. align-items: center;
  10. justify-content: space-around;
  11. position: relative;
  12. padding: 10px;
  13. padding-bottom: 0;
  14. }
  15. .scan.data-v-0756a178{
  16. display: inline-flex;
  17. align-items: center;
  18. justify-content: center;
  19. width: 60px;
  20. height: 60px;
  21. border-radius: 100pc;
  22. background-image: linear-gradient(to right,#8FF8FB,#47AEFF);
  23. box-shadow: 0 3px 6px #00BFE1 inset;
  24. border: 3px solid #fff;
  25. position: absolute;
  26. -webkit-transform: translateY(-10px);
  27. transform: translateY(-10px);
  28. }
  29. .scan > .icon-scan.data-v-0756a178{
  30. display: block;
  31. width: 22.5px;
  32. height: 22.5px;
  33. }
  34. .scan-placeholder.data-v-0756a178{
  35. width: 60px;
  36. }
  37. .nav-item > .name.data-v-0756a178{
  38. font-size: 10px;
  39. margin-top: 4px;
  40. }
  41. .nav-item > .icon.data-v-0756a178{
  42. display: block;
  43. width: 22px;
  44. height: 22px;
  45. }