LinkRow.module.scss 688 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .linkrow {
  2. display: flex;
  3. flex-direction: column;
  4. padding: 16px;
  5. border-bottom: 1px solid var(--stroke-primary);
  6. > .upper {
  7. display: flex;
  8. flex-direction: row;
  9. align-items: center;
  10. > .time {
  11. flex-grow: 1;
  12. text-align: right;
  13. color: var(--text-muted);
  14. font-size: 80%;
  15. }
  16. }
  17. > .lower {
  18. display: flex;
  19. flex-direction: row;
  20. overflow: hidden;
  21. align-items: center;
  22. > .url {
  23. text-overflow: ellipsis;
  24. overflow: hidden;
  25. white-space: nowrap;
  26. flex-grow: 1;
  27. color: var(--text-muted);
  28. }
  29. > .controls {
  30. padding-left: 16px;
  31. width: 40px;
  32. text-align: right;
  33. }
  34. }
  35. }