aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-01-03 12:04:22 +0100
committerChocobozzz <me@florianbigard.com>2018-01-03 12:04:22 +0100
commit9bce811268cd74b402176ae9fcd8b77ac887576e (patch)
treebcc931661f4d0c6fcc0d9a538e9aceb76e76773b /client/src/app/menu/menu.component.scss
parent4e8c872874d95d4851896014e5c15ff93f267c89 (diff)
downloadPeerTube-9bce811268cd74b402176ae9fcd8b77ac887576e.tar.gz
PeerTube-9bce811268cd74b402176ae9fcd8b77ac887576e.tar.zst
PeerTube-9bce811268cd74b402176ae9fcd8b77ac887576e.zip
Add hover effect on login/create an account button
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r--client/src/app/menu/menu.component.scss34
1 files changed, 16 insertions, 18 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index ae167cfb6..297fda84d 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -62,28 +62,26 @@ menu {
62 .button-block { 62 .button-block {
63 margin: 30px 25px 35px 25px; 63 margin: 30px 25px 35px 25px;
64 64
65 .login-button, .create-account-button { 65 .login-button {
66 font-weight: $font-semibold; 66 @include peertube-button-link;
67 font-size: 15px; 67 @include orange-button;
68 height: $button-height; 68
69 line-height: $button-height;
70 width: 100%;
71 border-radius: 3px;
72 text-align: center;
73 color: $menu-color;
74 display: block; 69 display: block;
75 cursor: pointer; 70 width: 100%;
76 margin-bottom: 15px; 71 margin-bottom: 10px;
72 }
77 73
78 @include disable-default-a-behaviour; 74 .create-account-button {
75 @include peertube-button-link;
79 76
80 &.login-button { 77 display: block;
81 background-color: $orange-color; 78 width: 100%;
82 margin-bottom: 10px; 79
83 } 80 color: #fff;
81 background-color: rgba(255, 255, 255, 0.25);
84 82
85 &.create-account-button { 83 &:hover {
86 background-color: rgba(255, 255, 255, 0.25); 84 background-color: rgba(255, 255, 255, 0.28);
87 } 85 }
88 } 86 }
89 } 87 }