antoine/komuniki-jitsi-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MAJ de styles

Browse Source
This commit is contained in:
Marine Desmarchelier
2021-02-15 11:47:34 +01:00
parent f428064da3
commit 15292d7265
1 changed files with 84 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jitsi-meet/css/custom.css
+84 -17
View File
@@ -5,8 +5,9 @@ html {
} }
body { body {
font-family: 'Quicksand', sans-serif; font-family: 'Quicksand', sans-serif !important;
height: auto height: auto;
overflow: auto;
} }
.welcome .welcome-watermark { .welcome .welcome-watermark {
@@ -15,24 +16,28 @@ body {
.welcome { .welcome {
background-color: #7f9cf5; background-color: #7f9cf5;
background-image: url(../images/illustration-visio.png); background-image: url(images/illustration-visio.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom right; background-position: bottom right;
background-size: 650px auto; background-size: 30% auto;
} }
.welcome .welcome-watermark .watermark.leftwatermark { .welcome .welcome-watermark .watermark.leftwatermark {
width: 270px; width: 270px;
height: 80px; height: 87px;
max-width: auto !important; max-width: none !important;
max-height: auto !important; max-height: none !important;
} }
.welcome .header { .welcome .header {
background: none; background: none;
align-items: start;
padding: 6rem 15rem;
} }
.welcome .welcome-page-settings .jitsi-icon svg { .welcome .welcome-page-settings .jitsi-icon svg {
border-radius: 3px;
padding: 3px;
background: #4fd1c5 background: #4fd1c5
} }
@@ -46,9 +51,13 @@ body {
padding: 0 padding: 0
} }
.welcome .header .header-text {
width: 100%;
}
.welcome .header .header-text-title { .welcome .header .header-text-title {
text-align: left; text-align: left;
font-size: 4rem; font-size: 2rem;
} }
.welcome .header .header-text-subtitle { .welcome .header .header-text-subtitle {
@@ -56,11 +65,42 @@ body {
font-weight: 400; font-weight: 400;
} }
.welcome .header #enter_room { .welcome .header .header-text-description {
width: auto; text-align: left;
margin: 2rem 0; font-size: 1.5rem;
line-height: 38px;
} }
.welcome .header #enter_room {
width: 30%;
border-radius: 3px;
background: #e6fffa;
align-items: end;
}
.welcome .header #enter_room .enter-room-input-container {
padding: 0 2rem 0 0;
}
.welcome .header #enter_room .enter-room-input-container .enter-room-title {
margin-bottom: 1rem;
}
.welcome .header #enter_room .enter-room-input-container .enter-room-input {
border-image: none;
padding: 1rem
}
.welcome .welcome-page-button {
background: #4c51bf;
border-radius: 9999px;
padding: 0.5rem 1.3rem;
text-transform: uppercase;
}
.welcome .header .tab-container {
background-color: transparent;
}
.welcome .welcome-cards-container { .welcome .welcome-cards-container {
width: 100%; width: 100%;
@@ -93,13 +133,40 @@ body {
display: none display: none
} }
/* TODO RESPONSIVE */
@media (min-width: 576px) {}
@media (min-width: 768px) {} @media (min-width: 768px) {
.welcome .header .header-text {
max-width: 730px;
}
}
@media (min-width: 992px) {} @media (min-width: 992px) {
.welcome .header .header-text {
max-width: 880px;
}
@media (min-width: 1200px) {} .welcome .header .header-text-title {
font-size: 3rem;
}
}
@media (min-width: 1400px) {} @media (min-width: 1200px) {
.welcome .header .header-text {
max-width: 1080px;
}
.welcome .header .header-text-title {
font-size: 3.3rem;
max-width: 60rem;
}
}
@media (min-width: 1400px) {
.welcome {
background-size: 45% auto;
}
.welcome .header .header-text {
max-width: 1350px;
}
}