lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Match notifications with context menu style

This commit is contained in:
Jiiks 2018-08-22 01:35:46 +03:00
parent ef5a1c223c
commit 242fbfaaa7
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/styles/partials/generic/notifications.scss
View File

@ -6,12 +6,12 @@
.bd-notificationContainer { .bd-notificationContainer {
position: relative; position: relative;
background: #202225; background: #18191c;
width: 280px; width: 280px;
height: 130px; height: 130px;
top: 30px; top: 30px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0 20px #202225; box-shadow: 0 0 20px #18191c;
.bd-notificationHeader { .bd-notificationHeader {
height: 10px; height: 10px;
@ -70,6 +70,10 @@
padding: 5px; padding: 5px;
justify-content: flex-end; justify-content: flex-end;
&:not(:empty) {
border-top: 1px solid hsla(0, 0%, 96.1%, .08)
}
.bd-notificationBtn { .bd-notificationBtn {
cursor: pointer; cursor: pointer;
height: 10px; height: 10px;
@ -79,11 +83,10 @@
color: #aeaeae; color: #aeaeae;
padding: 5px 10px; padding: 5px 10px;
border-radius: 3px; border-radius: 3px;
background: rgba(0, 0, 0, .2); background: transparent;
margin-left: 5px; margin-left: 5px;
&:hover { &:hover {
background: rgba(0, 0, 0, .3);
color: #fff; color: #fff;
} }
} }