mirror of
https://github.com/mCaptcha/mCaptcha.git
synced 2025-03-14 13:08:27 +03:00
error styling
This commit is contained in:
parent
804c81da38
commit
e6bcd5f940
2 changed files with 53 additions and 0 deletions
|
@ -21,6 +21,8 @@ export const ERR_CLOSE = 'err__close'; // class
|
|||
|
||||
export const DEFAULT_LIFETIME = 5000;
|
||||
|
||||
import './main.scss';
|
||||
|
||||
const err = () => {
|
||||
let element;
|
||||
return (() => {
|
||||
|
|
51
templates/components/error/main.scss
Normal file
51
templates/components/error/main.scss
Normal file
|
@ -0,0 +1,51 @@
|
|||
/*
|
||||
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as
|
||||
* published by the Free Software Foundation, either version 3 of the
|
||||
* License, or (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
@import '../../vars';
|
||||
|
||||
$message-bg: #d63f3f;
|
||||
|
||||
#err__container {
|
||||
display: felx;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.err__msg-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
color: $light-text;
|
||||
background-color: $message-bg;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.err__close {
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
background-color: $message-bg;
|
||||
margin-left: 20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.err__close:hover {
|
||||
cursor: grab;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
Loading…
Add table
Reference in a new issue