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