fix: button click effect
This commit is contained in:
@@ -55,12 +55,23 @@ h6 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
width: 50%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.container {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
.container {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.button-container {
|
.button-container {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -106,7 +117,7 @@ h6 {
|
|||||||
.button:active {
|
.button:active {
|
||||||
background: var(--text) !important;
|
background: var(--text) !important;
|
||||||
color: var(--base);
|
color: var(--base);
|
||||||
transform: translate(2px, 2px);
|
transform: translate(4px, 4px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:active::after {
|
.button:active::after {
|
||||||
|
Reference in New Issue
Block a user