Performers page improved
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -1,8 +1,7 @@
|
||||
.openingChevron {
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.openingChevron:hover {
|
||||
|
||||
Reference in New Issue
Block a user