mirrors/mCaptcha
1
0
Fork 0
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2025-03-14 13:08:27 +03:00
Code Issues Projects Releases Packages Wiki Activity

error styling

Browse source
This commit is contained in:
realaravinth 2021-06-29 21:41:24 +05:30
parent 804c81da38
commit e6bcd5f940
No known key found for this signature in database
GPG key ID: AD9F0F08E855ED88
2 changed files with 53 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/components/error/index.ts
View file

@ -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
View 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;
}