mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-10-24 03:33:09 +02:00
60 lines
1.2 KiB
SCSS
60 lines
1.2 KiB
SCSS
.nitro-notification-center-container {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 300px;
|
|
height: calc(100% - #{$toolbar-height});
|
|
z-index: $notification-center-zindex;
|
|
pointer-events: none;
|
|
|
|
.nitro-notification-center {
|
|
background-color: $dark;
|
|
height: 100%;
|
|
pointer-events: all;
|
|
}
|
|
}
|
|
|
|
.nitro-alert {
|
|
min-height: 150px;
|
|
max-height: 350px;
|
|
|
|
.notification-frank {
|
|
background-image: url('../../assets/images/notifications/frank.gif');
|
|
width:47px;
|
|
height: 85px;
|
|
}
|
|
|
|
.notification-text {
|
|
min-width: 250px;
|
|
}
|
|
|
|
&.nitro-alert-default,
|
|
&.nitro-alert-motd {
|
|
width: 350px;
|
|
.notification-text {
|
|
min-width: auto;
|
|
}
|
|
}
|
|
|
|
&.nitro-alert-moderation,
|
|
&.nitro-alert-alert {
|
|
width: 250px;
|
|
.notification-text {
|
|
min-width: 225px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.nitro-notification-bubble {
|
|
pointer-events: all;
|
|
padding: 6px 5px;
|
|
background-color: rgba($dark,.95);
|
|
box-shadow: inset 0px 5px lighten(rgba($dark,.6),2.5), inset 0 -4px darken(rgba($dark,.6),4);
|
|
font-size: $font-size-sm;
|
|
|
|
.bubble-image-container {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
}
|