]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
80bfd33c | 3 | |
276d9652 C |
4 | .no-history { |
5 | display: flex; | |
6 | justify-content: center; | |
7 | margin-top: 50px; | |
8 | font-weight: $font-semibold; | |
276d9652 C |
9 | } |
10 | ||
11 | .top-buttons { | |
d8b34ee5 | 12 | margin-bottom: 30px; |
0f7407d9 C |
13 | display: grid; |
14 | grid-template-columns: 250px 1fr auto auto; | |
62365adc | 15 | align-items: center; |
276d9652 | 16 | |
0f7407d9 C |
17 | .search-wrapper { |
18 | grid-column: 1; | |
19 | ||
20 | input { | |
21 | @include peertube-input-text(250px); | |
22 | } | |
d8b34ee5 RK |
23 | } |
24 | ||
276d9652 | 25 | .history-switch { |
27bc9586 C |
26 | @include margin-left(auto); |
27 | @include margin-right(15px); | |
0f7407d9 | 28 | |
27bc9586 | 29 | grid-column: 3; |
276d9652 | 30 | display: flex; |
5b0ec7cd | 31 | align-items: center; |
276d9652 C |
32 | |
33 | label { | |
34 | margin: 0 0 0 5px; | |
d8b34ee5 | 35 | color: var(--greyForegroundColor); |
d8b34ee5 | 36 | font-weight: $font-semibold; |
276d9652 C |
37 | } |
38 | } | |
39 | ||
40 | .delete-history { | |
d01b2fb9 C |
41 | @include peertube-button; |
42 | @include grey-button; | |
43 | @include button-with-icon; | |
276d9652 | 44 | |
931d3430 | 45 | grid-column: 4; |
276d9652 C |
46 | } |
47 | } | |
48 | ||
80bfd33c | 49 | .video { |
0f7407d9 | 50 | @include row-blocks($column-responsive: false); |
80bfd33c | 51 | } |
62365adc | 52 | |
7177b46c C |
53 | .action-button { |
54 | display: flex; | |
55 | align-self: flex-end; | |
56 | } | |
57 | ||
0f7407d9 | 58 | @media screen and (max-width: $small-view) { |
62365adc | 59 | .top-buttons { |
0f7407d9 C |
60 | grid-template-columns: auto 1fr auto; |
61 | row-gap: 20px; | |
62365adc | 62 | |
0f7407d9 C |
63 | .history-switch { |
64 | grid-row: 1; | |
65 | grid-column: 1; | |
66 | margin: 0; | |
62365adc | 67 | } |
68 | ||
69 | .delete-history { | |
0f7407d9 C |
70 | grid-row: 1; |
71 | grid-column: 3; | |
72 | } | |
73 | ||
74 | .search-wrapper { | |
75 | grid-column: 1 / 4; | |
62365adc | 76 | } |
77 | } | |
78 | } |