diff options
Diffstat (limited to 'client/src/app/+accounts/accounts.component.scss')
-rw-r--r-- | client/src/app/+accounts/accounts.component.scss | 60 |
1 files changed, 14 insertions, 46 deletions
diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss index e5f86e61e..331008f8a 100644 --- a/client/src/app/+accounts/accounts.component.scss +++ b/client/src/app/+accounts/accounts.component.scss | |||
@@ -4,10 +4,8 @@ | |||
4 | @use '_miniature' as *; | 4 | @use '_miniature' as *; |
5 | 5 | ||
6 | .root { | 6 | .root { |
7 | --myGlobalTopPadding: 60px; | 7 | --myFontSize: 1rem; |
8 | --myImgMargin: 30px; | 8 | --myGreyFontSize: 1rem; |
9 | --myFontSize: 16px; | ||
10 | --myGreyFontSize: 16px; | ||
11 | } | 9 | } |
12 | 10 | ||
13 | .section-label { | 11 | .section-label { |
@@ -30,12 +28,6 @@ | |||
30 | } | 28 | } |
31 | } | 29 | } |
32 | 30 | ||
33 | my-user-moderation-dropdown { | ||
34 | margin: 0 10px; | ||
35 | |||
36 | height: fit-content; | ||
37 | } | ||
38 | |||
39 | .copy-button { | 31 | .copy-button { |
40 | @include margin-left(3px); | 32 | @include margin-left(3px); |
41 | 33 | ||
@@ -48,20 +40,19 @@ my-user-moderation-dropdown { | |||
48 | 40 | ||
49 | .account-info { | 41 | .account-info { |
50 | @include grid-videos-miniature-margins(false, 15px); | 42 | @include grid-videos-miniature-margins(false, 15px); |
43 | @include padding-top(3.75rem); | ||
44 | @include padding-bottom(3.75rem); | ||
45 | @include margin-bottom(3rem); | ||
46 | @include font-size(1rem); | ||
51 | 47 | ||
52 | display: grid; | ||
53 | grid-template-columns: 1fr min-content; | 48 | grid-template-columns: 1fr min-content; |
54 | grid-template-rows: auto auto; | 49 | grid-template-rows: auto auto; |
55 | 50 | ||
56 | background-color: pvar(--submenuBackgroundColor); | 51 | background-color: pvar(--submenuBackgroundColor); |
57 | margin-bottom: 45px; | ||
58 | padding-top: var(--myGlobalTopPadding); | ||
59 | padding-bottom: var(--myGlobalTopPadding); | ||
60 | font-size: var(--myFontSize); | ||
61 | } | 52 | } |
62 | 53 | ||
63 | .account-avatar-row { | 54 | .account-avatar-row { |
64 | @include avatar-row-responsive(var(--myImgMargin), var(--myGreyFontSize)); | 55 | @include avatar-row-responsive(2rem, var(--myGreyFontSize)); |
65 | } | 56 | } |
66 | 57 | ||
67 | .actor-display-name { | 58 | .actor-display-name { |
@@ -76,8 +67,8 @@ my-user-moderation-dropdown { | |||
76 | 67 | ||
77 | .show-more { | 68 | .show-more { |
78 | @include show-more-description; | 69 | @include show-more-description; |
70 | @include padding-bottom(3.75rem); | ||
79 | 71 | ||
80 | display: none; | ||
81 | text-align: center; | 72 | text-align: center; |
82 | } | 73 | } |
83 | 74 | ||
@@ -90,11 +81,11 @@ my-user-moderation-dropdown { | |||
90 | justify-content: flex-end; | 81 | justify-content: flex-end; |
91 | align-content: flex-start; | 82 | align-content: flex-start; |
92 | 83 | ||
93 | > *:not(:last-child) { | 84 | >*:not(:last-child) { |
94 | margin-bottom: 15px; | 85 | @include margin-bottom(1rem); |
95 | } | 86 | } |
96 | 87 | ||
97 | > a { | 88 | >a { |
98 | white-space: nowrap; | 89 | white-space: nowrap; |
99 | } | 90 | } |
100 | } | 91 | } |
@@ -104,15 +95,6 @@ my-user-moderation-dropdown { | |||
104 | } | 95 | } |
105 | 96 | ||
106 | @media screen and (max-width: $small-view) { | 97 | @media screen and (max-width: $small-view) { |
107 | .root { | ||
108 | --myGlobalTopPadding: 45px; | ||
109 | --myChannelImgMargin: 15px; | ||
110 | } | ||
111 | |||
112 | .account-info { | ||
113 | display: block; | ||
114 | padding-bottom: 60px; | ||
115 | } | ||
116 | 98 | ||
117 | .description:not(.expanded) { | 99 | .description:not(.expanded) { |
118 | @include fade-text(30px, pvar(--submenuBackgroundColor)); | 100 | @include fade-text(30px, pvar(--submenuBackgroundColor)); |
@@ -120,10 +102,6 @@ my-user-moderation-dropdown { | |||
120 | max-height: 70px; | 102 | max-height: 70px; |
121 | } | 103 | } |
122 | 104 | ||
123 | .show-more { | ||
124 | display: block; | ||
125 | } | ||
126 | |||
127 | .buttons { | 105 | .buttons { |
128 | justify-content: center; | 106 | justify-content: center; |
129 | } | 107 | } |
@@ -131,22 +109,12 @@ my-user-moderation-dropdown { | |||
131 | 109 | ||
132 | @media screen and (max-width: $mobile-view) { | 110 | @media screen and (max-width: $mobile-view) { |
133 | .root { | 111 | .root { |
134 | --myGlobalTopPadding: 15px; | 112 | --myFontSize: $font-size-rem-14px; |
135 | --myFontSize: 14px; | 113 | --myGreyFontSize: $font-size-rem-13px; |
136 | --myGreyFontSize: 13px; | ||
137 | } | ||
138 | |||
139 | .account-info { | ||
140 | display: block; | ||
141 | padding-bottom: 30px; | ||
142 | } | 114 | } |
143 | 115 | ||
144 | .links { | 116 | .links { |
145 | margin: auto !important; | 117 | margin: auto !important; |
146 | width: min-content; | 118 | width: min-content; |
147 | } | 119 | } |
148 | 120 | } \ No newline at end of file | |
149 | .show-more { | ||
150 | margin-bottom: 30px; | ||
151 | } | ||
152 | } | ||