aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-03-08 17:33:40 +0100
committerChocobozzz <chocobozzz@cpy.re>2020-03-10 16:23:40 +0100
commit482fa503e545e00252e25eee7b3e0f7d421cf9d4 (patch)
tree4aa27a683656ced173fe48b914cfd7d65b289717 /client/src/sass
parent3b20bdd6dc7402b0723e038c57f0606131e20e54 (diff)
downloadPeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.tar.gz
PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.tar.zst
PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.zip
Use grid to organise settings in admin, my-account
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss10
-rw-r--r--client/src/sass/bootstrap.scss2
-rw-r--r--client/src/sass/include/_mixins.scss8
3 files changed, 19 insertions, 1 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 046368c8b..a9475e484 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -174,6 +174,16 @@ label {
174 } 174 }
175} 175}
176 176
177.title-page-about,
178.title-page-settings {
179 font-size: 115%;
180 font-weight: $font-regular;
181
182 &.active {
183 font-weight: $font-semibold;
184 }
185}
186
177.admin-sub-header { 187.admin-sub-header {
178 display: flex; 188 display: flex;
179 align-items: center; 189 align-items: center;
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index f718791eb..5c1ce1028 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -175,10 +175,10 @@ ngb-tabset {
175 175
176.nav-tabs .nav-link { 176.nav-tabs .nav-link {
177 &:not(.active) { 177 &:not(.active) {
178 opacity: .6;
179 border-bottom: 3px solid transparent; 178 border-bottom: 3px solid transparent;
180 } 179 }
181 &.active { 180 &.active {
181 font-weight: $font-semibold;
182 background-color: var(--mainBackgroundColor) !important; 182 background-color: var(--mainBackgroundColor) !important;
183 border: none; 183 border: none;
184 border-bottom: 2px solid var(--mainColor); 184 border-bottom: 2px solid var(--mainColor);
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 9a8d0073a..0a500b6f3 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -463,6 +463,14 @@
463 font-size: 13px; 463 font-size: 13px;
464} 464}
465 465
466@mixin settings-big-title {
467 text-transform: uppercase;
468 color: var(--mainColor);
469 font-weight: $font-bold;
470 font-size: 110%;
471 margin-bottom: 10px;
472}
473
466@mixin actor-owner { 474@mixin actor-owner {
467 @include disable-default-a-behaviour; 475 @include disable-default-a-behaviour;
468 476