draggable-sheet.scss 670 B

123456789101112131415161718192021222324252627282930313233343536
  1. .draggable-sheet {
  2. &-wrapper {
  3. width: 100vw;
  4. position: absolute;
  5. bottom: 0;
  6. }
  7. &-container {
  8. height: 100%;
  9. overflow: hidden;
  10. color: var(--td-text-color-primary);
  11. background-color: var(--td-bg-color-container);
  12. border-top-left-radius: 25px;
  13. border-top-right-radius: 25px;
  14. }
  15. &-bar {
  16. display: flex;
  17. flex-direction: column;
  18. justify-content: center;
  19. align-items: center;
  20. padding: 8px 0;
  21. background-color: var(--td-bg-color-container);
  22. .indicator {
  23. background-color: #939393;
  24. border-radius: 3px;
  25. height: 4px;
  26. width: 80px;
  27. }
  28. .title {
  29. margin-top: 8px;
  30. }
  31. }
  32. }