123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193 |
- .App {
- text-align: center;
- }
- .App-logo {
- height: 40vmin;
- pointer-events: none;
- }
- @media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
- }
- .App-header {
- background-color: #282c34;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
- }
- .App-link {
- color: #61dafb;
- }
- @keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- .header {
- padding-bottom: 57px;
- }
- a {
- text-decoration: none;
- }
- body {
- background-color: rgb(9, 6, 12);
- }
- h1,
- h2,
- label {
- color: white;
- }
- .avatar {
- display: flex;
- align-items: center;
- justify-content: center;
- padding-bottom: 20px;
- }
- .drop-area {
- width: 30vh;
- height: 30vh;
- border: 5px solid white;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- }
- .chatLi {
- list-style-type: none;
- border-bottom: 2px solid black;
- }
- .chatPage {
- display: flex;
- }
- .hrefChat {
- color: black
- }
- .chatLi:hover {
- background-color: rgb(151, 182, 238);
- color: black;
- }
- .chatAside {
- overflow: auto;
- padding: 0;
- flex-basis: 50%;
- background-color: rgb(197, 219, 248);
- color: black;
- min-height: 92vh;
- border-right: 2px solid black;
- }
- .chatMain {
- max-height: 92vh;
- min-height: 80vh;
- flex-basis: 90%;
- display: flex;
- flex-direction: column;
- }
- .msg {
- color: white
- }
- .msgLi {
- display: flex;
- flex-direction: column;
- background-color: white;
- border-radius: 25px;
- max-width: 80%;
- border: 2px black solid;
- }
- .msgOwner {
- color: red;
- }
- .img-label {
- padding-top: 100px;
- max-width: 400px;
- max-height: 600px;
- }
- .divHome {
- height: 100vh
- }
- .linkToCreate {
- z-index: 1;
- background-color: #0d6efd;
- max-width: 100%;
- border-radius: 0;
- color: black;
- height: 50px;
- font-weight: bolder
- }
- .linkToCreate:hover {
- color: black;
- }
- .sendMsg {
- z-index: 1;
- border-radius: 0;
- color: black;
- padding: 10px;
- font-weight: bolder
- }
- .msgUl {
- display: flex;
- flex-direction: column-reverse;
- }
- .membersChat {
- border: 2px solid white;
- }
- .chatPrewiew {
- padding-top: 200px;
- }
- .dropdown-li {
- padding-left: 20px;
- }
- .home-logo {
- padding-top: 100px;
- max-width: 400px;
- }
- .ava {
- max-width: 200px;
- max-height: 200px;
- border-radius: 20%;
- padding-bottom: 20px;
- }
|