Performers page improved

This commit is contained in:
2022-06-18 12:27:55 +03:00
parent 29e7d5a01b
commit f97583bf50
6 changed files with 89 additions and 58 deletions

View File

@@ -3,14 +3,13 @@
flex-direction: column;
justify-content: center;
align-items: center;
hr {
border: 0.2rem solid #d5caf29d;
width: 60%;
width: 80%;
}
p {
width: 60%;
width: 80%;
}
}
@@ -18,11 +17,11 @@
display: flex;
align-items: center;
justify-content: space-between;
width: 60%;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-top: 1.5rem;
cursor: pointer;
width: 80%;
h2 {
margin-right: 1rem;

View File

@@ -1,14 +1,26 @@
.performersContainer {
.performerContainer {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
p {
padding-left: 1rem;
}
hr {
border: 0.2rem solid #d5caf29d;
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
width: 100%;
}
}
.performerCard {
display: flex;
flex-direction: column;
background-color: #d5caf29d;
margin: 2rem;
padding: 2rem;
.performerTextContainer {
width: 80%;
margin-left: 1rem;
margin-top: 1rem;
}
.performerTitle {
@@ -16,6 +28,7 @@
align-items: center;
justify-content: space-between;
cursor: pointer;
width: 100%;
h2 {
margin-left: 1rem;
@@ -28,9 +41,9 @@
}
.performerImage {
margin-right: 15rem;
height: 100px;
border-radius: 100%;
margin-bottom: 2rem;
}
.performerButton:hover {

View File

@@ -6,11 +6,11 @@
hr {
border: 0.2rem solid #d5caf29d;
width: 60%;
width: 80%;
}
p {
width: 60%;
width: 80%;
}
}
@@ -18,7 +18,7 @@
display: flex;
align-items: center;
justify-content: space-between;
width: 60%;
width: 80%;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-top: 1.5rem;

View File

@@ -1,8 +1,7 @@
.openingChevron {
height: 3rem;
width: 3rem;
background-color: transparent;
border: transparent;
cursor: pointer;
}
.openingChevron:hover {