From 266947e5efc7ff30b0020beb5a74e4d4fc696fa5 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 14 Apr 2021 16:39:37 +0200 Subject: Refactor modal buttons style --- client/src/app/modal/welcome-modal.component.scss | 53 +++++++++-------------- 1 file changed, 20 insertions(+), 33 deletions(-) (limited to 'client/src/app/modal/welcome-modal.component.scss') diff --git a/client/src/app/modal/welcome-modal.component.scss b/client/src/app/modal/welcome-modal.component.scss index a93dbcef9..28d5dc49c 100644 --- a/client/src/app/modal/welcome-modal.component.scss +++ b/client/src/app/modal/welcome-modal.component.scss @@ -47,43 +47,30 @@ li { .columns { display: flex; +} - .link-block { - @include disable-default-a-behaviour; - - color: pvar(--mainForegroundColor); - padding: 10px; - transition: background-color 0.2s ease-in; - flex-basis: 33%; - - &:hover { - background-color: rgba(0, 0, 0, 0.05); - } +.link-block { + @include disable-default-a-behaviour; - .link-title { - font-size: 16px; - font-weight: $font-semibold; - display: flex; - justify-content: center; - margin-bottom: 5px; - } + color: pvar(--mainForegroundColor); + padding: 10px; + transition: background-color 0.2s ease-in; + flex-basis: 33%; - .link-title, - div { - text-align: center; - } + &:hover { + background-color: rgba(0, 0, 0, 0.05); } -} -.configure-instance-button { - @include peertube-button; - @include orange-button; - @include disable-default-a-behaviour; - - display: inline-block; -} + .link-title { + font-size: 16px; + font-weight: $font-semibold; + display: flex; + justify-content: center; + margin-bottom: 5px; + } -.action-button-understood { - @include peertube-button; - @include grey-button; + .link-title, + div { + text-align: center; + } } -- cgit v1.2.3