feat: new profile fields
This commit is contained in:
Jannat Patel
@@ -773,7 +773,6 @@ input[type=checkbox] {
|
||||
|
||||
.overview-card {
|
||||
padding: 1.5rem;
|
||||
width: 256px;
|
||||
flex-direction: column;
|
||||
display: grid;
|
||||
-moz-column-gap: 1rem;
|
||||
@@ -976,7 +975,6 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.profile-about-section {
|
||||
flex: 1;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
@@ -984,13 +982,16 @@ input[type=checkbox] {
|
||||
height: 68px;
|
||||
background: #ffffff;
|
||||
border-radius: 0px 0px 8px 8px;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.profile-avatar {
|
||||
position: relative;
|
||||
top: 188px;
|
||||
left: 40px;
|
||||
display: flex;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@@ -1008,13 +1009,11 @@ input[type=checkbox] {
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
color: #FFFFFF;
|
||||
color: var(--text-color-dark);
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
line-height: 156%;
|
||||
letter-spacing: -0.0175em;
|
||||
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.64);
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
@@ -1024,6 +1023,36 @@ input[type=checkbox] {
|
||||
}
|
||||
}
|
||||
|
||||
.profile-name-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.25rem;
|
||||
padding-left: 175px;
|
||||
}
|
||||
|
||||
.profile-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.profile-info {
|
||||
flex-direction: column;
|
||||
align-items: end;
|
||||
justify-content: space-around;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.profile-name-section {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.profile-link {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.creator-badge {
|
||||
background: #48BB74;
|
||||
padding: 4px 6px;
|
||||
@@ -1038,54 +1067,40 @@ input[type=checkbox] {
|
||||
height: fit-content;
|
||||
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
|
||||
border-radius: 4px;
|
||||
margin-top: 2rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
.creator-badge {
|
||||
font-size: 8px;
|
||||
margin: 8px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.profile-profession {
|
||||
position: relative;
|
||||
top: 16px;
|
||||
left: 174px;
|
||||
font-size: 12px;
|
||||
line-height: 165%;
|
||||
width: 85%;
|
||||
.profile-card {
|
||||
flex-direction: column;
|
||||
padding: 1.5rem;
|
||||
display: grid;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.profile-profession {
|
||||
width: 75%;
|
||||
}
|
||||
.profile-item {
|
||||
color: var(--text-color-dark);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.profile-profession {
|
||||
width: 60%;
|
||||
}
|
||||
.profile-card-row span::before {
|
||||
content: "\00B7";
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.profile-profession {
|
||||
top: 10px;
|
||||
left: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
.profile-profession {
|
||||
top: 5px;
|
||||
left: 70px;
|
||||
width: 75%;
|
||||
}
|
||||
.education-work-details {
|
||||
display: grid;
|
||||
grid-template-columns: 4fr 1fr;
|
||||
grid-gap: 2rem;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
margin: 16px;
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@@ -1100,6 +1115,15 @@ input[type=checkbox] {
|
||||
}
|
||||
}
|
||||
|
||||
.education-details {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.institute-name {
|
||||
font-weight: bold;
|
||||
color: var(--text-color-dark);
|
||||
}
|
||||
|
||||
.profile-courses {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
@@ -1185,98 +1209,10 @@ pre {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.talk-title {
|
||||
border-bottom: 1px solid #cecdcd;
|
||||
}
|
||||
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.company-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.speaker-cards-parent {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||
-moz-column-gap: 32px;
|
||||
column-gap: 14px;
|
||||
row-gap: 32px;
|
||||
}
|
||||
|
||||
.avatar img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.section-with-cards .course-home-headings {
|
||||
margin: 0px 0px 1rem;
|
||||
}
|
||||
|
||||
.schedule-container {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.schedule-inner-container {
|
||||
display: grid;
|
||||
grid-template-columns: 1.2fr 2fr 1fr 0.2fr;
|
||||
padding: 0 20px 0;
|
||||
}
|
||||
|
||||
.schedule-slot {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.schedule-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.schedule-info {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.drop-down-icon {
|
||||
padding: 5px 0 0 5px;
|
||||
}
|
||||
|
||||
.event-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.exhibitor-card {
|
||||
text-align: center;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.exhibitor-card .company-name {
|
||||
font-size: 25px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.exhibitor-card .company-logo {
|
||||
height: 158px;
|
||||
width: 252px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.info-speaker-avatar {
|
||||
display: flex;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.info-speaker {
|
||||
margin-left: 1rem;
|
||||
padding-bottom: 0;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.info-avatar img {
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.certificate-content {
|
||||
padding: 2.5rem 3rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user