{"size": 1289, "ext": "js", "max_stars_repo_path": "components/common/FullScreenLoader.js", "max_stars_repo_name": "gmrzone/corecare_frontend_new", "max_stars_repo_stars_event_min_datetime": "2021-04-29T14:57:36.000Z", "max_stars_repo_stars_event_max_datetime": "2022-02-12T11:46:06.000Z", "max_issues_repo_path": "components/common/FullScreenLoader.js", "max_issues_repo_name": "gmrzone/corecare_frontend_new", "max_issues_repo_issues_event_min_datetime": "2021-06-06T19:05:54.000Z", "max_issues_repo_issues_event_max_datetime": "2021-06-19T19:56:53.000Z", "max_forks_repo_path": "components/common/FullScreenLoader.js", "max_forks_repo_name": "gmrzone/corecare_frontend_new", "max_forks_repo_forks_event_min_datetime": "2021-06-19T19:54:35.000Z", "max_forks_repo_forks_event_max_datetime": "2021-06-19T19:54:35.000Z"}
{"max_stars_count": 4, "max_issues_count": 2, "max_forks_count": 1, "avg_line_length": 32.225, "max_line_length": 99, "alphanum_fraction": 0.3847944143}
import MetaComponent from './MetaComponent';
import { frontend_base } from '../../data/_variables'
const FullScreenLoader = () => {
    return (
        <>
        <MetaComponent title="Corecare login" url={frontend_base + "login"} name="Corecare Login"/>
            <div id="model"></div>
            <div className="ui active centered inline loader main-loader"></div>
            <style jsx>{`
                .main-loader {
                    margin: auto !important;
                    font-size: 30px;
                }
                .main-loader:before {
                    width: 40px;
                    height: 40px;
                }   
                .main-loader:after {
                    width: 40px;
                    height: 40px;
                }
                @media (min-width: 993px){
                    .main-loader  {
                        font-size: 40px;
                    }
                    .main-loader:before {
                        width: 60px;
                        height: 60px;
                    }
                    .main-loader:after {
                        width: 60px;
                        height: 60px;
                    }
                }
            `}</style>
        </>
    )
}

export default FullScreenLoader