gitea源码

list-header.css 697B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .list-header {
  2. display: flex;
  3. align-items: stretch;
  4. flex-wrap: wrap;
  5. gap: .5rem;
  6. }
  7. .list-header-search {
  8. display: flex;
  9. flex: 1;
  10. align-items: stretch;
  11. flex-wrap: wrap;
  12. min-width: 200px; /* to enable flexbox wrapping on mobile */
  13. }
  14. .list-header-search > .ui.input {
  15. flex: 1;
  16. min-width: 100px !important;
  17. }
  18. .list-header-search > .ui.input .ui.dropdown {
  19. min-width: auto !important;
  20. }
  21. .list-header-filters {
  22. display: flex;
  23. align-items: center;
  24. }
  25. .list-header-filters > .item {
  26. padding: 5px 0 5px 10px;
  27. }
  28. @media (max-width: 767.98px) {
  29. .list-header-search {
  30. order: 0;
  31. }
  32. .list-header-toggle {
  33. order: 1;
  34. }
  35. .list-header-filters {
  36. order: 2;
  37. }
  38. }