]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/+accounts/accounts.component.scss
Translated using Weblate (Hungarian)
[github/Chocobozzz/PeerTube.git] / client / src / app / +accounts / accounts.component.scss
CommitLineData
947d0102
RK
1// Bootstrap grid utilities require functions, variables and mixins
2@import 'node_modules/bootstrap/scss/functions';
3@import 'node_modules/bootstrap/scss/variables';
4@import 'node_modules/bootstrap/scss/mixins';
5@import 'node_modules/bootstrap/scss/grid';
6
170726f5
C
7@import '_variables';
8@import '_mixins';
9
10.sub-menu {
11 @include sub-menu-with-actor;
41eb700f
RK
12
13 .actor {
14 width: 100%;
15 }
16}
17
aa0f1963
RK
18.right-buttons {
19 display: flex;
41eb700f
RK
20 height: max-content;
21 margin-left: auto;
947d0102
RK
22 margin-top: 10px;
23
24 @include media-breakpoint-down(lg) {
25 flex-flow: column-reverse;
26
27 a {
28 margin-top: 0.25rem;
29 margin-right: 0 !important;
30 }
31 }
aa0f1963
RK
32
33 a {
34 @include peertube-button-outline;
aa0f1963
RK
35 }
36
37 my-subscribe-button {
496b02e3 38 min-height: 30px;
aa0f1963 39 }
79bd2632
C
40}
41
42my-user-moderation-dropdown,
43.badge {
44 margin-left: 10px;
45
46 position: relative;
47 top: 3px;
48}
49
50.badge {
51 font-size: 13px;
ee1d0dfb
C
52}
53
54.copy-button {
55 border: none;
56 padding: 5px;
57 margin-top: -2px;
58}
4682468d
K
59
60@media screen and (max-width: $mobile-view) {
61 .sub-menu {
62 .actor {
63 flex-direction: column;
64 align-items: center;
65
66 img,
67 .actor-info .actor-names .actor-display-name {
68 margin-right: 0;
69 }
70
71 .actor-info {
72 .actor-names {
73 flex-direction: column;
74 align-items: center;
75 }
76
77 my-user-moderation-dropdown {
78 margin-left: 0;
79 }
80
81 .actor-followers {
82 text-align: center;
83 }
84 }
85 }
86 }
87}