audioPreview.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*---------------------------------------------------------------------------------------------
  2. * Copyright (c) Microsoft Corporation. All rights reserved.
  3. * Licensed under the MIT License. See License.txt in the project root for license information.
  4. *--------------------------------------------------------------------------------------------*/
  5. html, body {
  6. width: 100%;
  7. height: 100%;
  8. text-align: center;
  9. }
  10. body {
  11. padding: 5px 10px;
  12. box-sizing: border-box;
  13. -webkit-user-select: none;
  14. user-select: none;
  15. }
  16. .audio-container {
  17. height: 100%;
  18. display: flex;
  19. justify-content: center;
  20. align-items: center;
  21. }
  22. .container.loading,
  23. .container.error {
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. }
  28. .loading-indicator {
  29. width: 30px;
  30. height: 30px;
  31. background-image: url('./loading.svg');
  32. background-size: cover;
  33. }
  34. .loading-indicator,
  35. .loading-error {
  36. display: none;
  37. }
  38. .loading .loading-indicator,
  39. .error .loading-error {
  40. display: block;
  41. }
  42. .loading-error {
  43. margin: 1em;
  44. }
  45. .vscode-dark .loading-indicator {
  46. background-image: url('./loading-dark.svg');
  47. }
  48. .vscode-high-contrast .loading-indicator {
  49. background-image: url('./loading-hc.svg');
  50. }