fix: button click effect

2024-07-20 23:09:01 +01:00
parent 4010c9cc02
commit ce49190066
1 changed files with 13 additions and 2 deletions
--- a/web/style.css
+++ b/web/style.css
@@ -55,12 +55,23 @@ h6 {
 }

 .container {
-  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: start;
 }

+@media (min-width: 768px) {
+  .container {
+    width: 80%;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    width: 50%;
+  }
+}
+
 .button-container {
  margin-top: 2rem;
  display: flex;
@@ -106,7 +117,7 @@ h6 {
 .button:active {
  background: var(--text) !important;
  color: var(--base);
-  transform: translate(2px, 2px);
+  transform: translate(4px, 4px);
 }

 .button:active::after {