Commit 9022f234 authored by Omar Luna Hernández's avatar Omar Luna Hernández
Browse files

Se crea un componente para un loader

parent 0674c0cd

web/src/components/loading_spinner/loading_spinner.tsx

0 → 100644
+7 −0
Original line number Diff line number Diff line 
import React, { HTMLAttributes } from "react";



export const LoadingSpinner :React.FC<HTMLAttributes<HTMLDivElement>> = () => {

    return (

        <div className="loading_spinner"/>

    );

}
 
 No newline at end of file

web/src/components/loading_spinner/styles.css

0 → 100644
+17 −0
Original line number Diff line number Diff line 
.loading_spinner{

    z-index: 999;

    width: 150px;

    padding: 20px;

    aspect-ratio: 1;

    border-radius: 50%;

    background: #25b09b;

    --_m: 

        conic-gradient(#0000 10%,#000),

        linear-gradient(#000 0 0) content-box;

    -webkit-mask: var(--_m);

            mask: var(--_m);

    -webkit-mask-composite: source-out;

            mask-composite: subtract;

    animation: l3 1s infinite linear;

}

@keyframes l3 {to{transform: rotate(1turn)}}
 
 No newline at end of file