App.css 800 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .App {
  2. display: flex;
  3. height: 100%;
  4. flex-direction: column;
  5. justify-content: space-between;
  6. }
  7. .App-header {
  8. background-color: #1b5e20;
  9. height: 56px;
  10. color: white;
  11. display: flex;
  12. flex-direction: row;
  13. flex: initial;
  14. }
  15. .App-logo {
  16. height: 24px;
  17. padding: 16px;
  18. }
  19. .App-title {
  20. font-size: 20px;
  21. margin: 0;
  22. line-height: 56px;
  23. }
  24. .Selector {
  25. flex: 1;
  26. overflow: auto;
  27. }
  28. .Playlist {
  29. flex: 1;
  30. overflow: auto;
  31. }
  32. .Player {
  33. flex:initial;
  34. height: 56px;
  35. background: #4c8c4a;
  36. }
  37. .section {
  38. float: left;
  39. padding: 0 10px 0 0;
  40. width: 256px;
  41. }
  42. .section:nth-child(2) { width: 128px; }
  43. .section:nth-child(5) { width: 128px; }
  44. .Filter {
  45. width: 100%;
  46. padding: 9px;
  47. border: 1px solid gray;
  48. border-radius: 4px;
  49. }
  50. .Playlist-active {
  51. background: darkseagreen;
  52. }