Facebook
From Bistre Parakeet, 1 Year ago, written in Plain Text.
This paste is a reply to acceuil dentiste from Scanty Peafowl - go back
Embed
Viewing differences between acceuil dentiste and Re: acceuil dentiste.css
import React from 'react'
import "./accueilDentiste.css"
import ListeRdv from "../../components/dentiste/listeRdv"
import ListeDossier from "../../components/dentiste/listeDossier"
import{WiDirectionUp , WiDirectionDown} from "react-icons/wi"




const AccueilDentiste = () => {


    /*const countColor = (count: number) => {
        if (count < current) return red &&  return{} ;;
        else if (count > current) return green && return{} ;
        
    }; */


  return (
    
        

Overview


        
            
                

Consultations


                

                

250


                

 25.2%


                


            

            
                

Patients


                

                

250


                

 25.2%


            

            
                

Dossiers


                
                

250


                

 25.2%


            
        
        
            
            

Liste des RDV


            
            
            
                 
                

Liste des dossiers


                Voir plus

                
            
            
        

    
  )


.acceuilbody{
    background-color: #F2FAFC;
    height: 150vh;
}
.acceuilbody h1 {
    margin-bottom: 5vh; 
    color:#43425D;
    font: 600 25px/38px Poppins;
    text-align: left;
    margin-left: 20vh;
    
}
.top-container{
    display: flex;
    margin-left: 15vh;
}

export default AccueilDentiste.topBox{
    
    margin-left: 5vh;
    margin-top: 2vh;
    width: 60vh;
    height: 20vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
}
.topBox p{
    margin-left: 2vh;
    margin-top: 2vh;
    text-align: left;
    font: Poppins;
    letter-spacing: 0px;
    color: #43425D;
    opacity: 0.6;
}
.topBox h3 {
    margin-left: 2vh;
    margin-top: 4vh;
    text-align: left;
    font: bold Poppins;
    letter-spacing: 0px;
    color: #4D4F5C;
}
.topBox h4{
    text-align: left;
    font:  bold 14px/17px 'Poppins';
    letter-spacing: 0px;
    color: #FF4141;
    opacity: 1;

}
.img-container{
    margin-right: 2vh;
    float: right;
    width: 18vh;
    margin-top: 4vh;
    
}
.img-container img{
    width: 100%; 
    height: 100%; 
    object-fit: contain;
}
.list-container{
    margin-top:5vh;
    display: flex;
    margin-left: 15vh;
    margin-bottom: 10vh;
}
.listeRdv{
    padding: 3vh;
    width: 125vh;
    height: 98vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
    margin-left: 5vh;
    margin-bottom: 5vh;

}
.listeDossier{
    padding: 3vh;
    width: 60vh;
    height: 98vh;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
    margin-left: 5vh;
    
}
.listeRdv p{
    margin-left: 2vh;
    margin-top: 2vh;
    text-align: left;
    font:  Poppins;
    letter-spacing: 0px;
    color: #4D4F5C;
    opacity: 0.59;
}
.dossierTitre{
    margin-bottom: 2vh;
    display: flex;
}
.dossierTitre p {
    font-weight: 2rem;
    text-align: left;
    font-family:  Poppins;
    letter-spacing: 0px;
    color: #4D4F5C;
    opacity: 1;

}
.voirPlus{
    margin-left:27vh;
}

Replies to Re: acceuil dentiste.css rss

Title Name Language When
ListeDossier.js Bistre Gibbon text 1 Year ago.