button component

2025-12-15 08:34:43 +01:00 · 2022-05-08 18:10:30 -07:00
parent 28c745c853
commit f85674dd25
5 changed files with 89 additions and 2 deletions
--- a/src/ui/components/common/BigButton.css
+++ b/src/ui/components/common/BigButton.css
@@ -0,0 +1,33 @@
+.BigButton {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+
+  padding: 0 30px;
+  border-radius: 5px;
+  border: none;
+  background: linear-gradient(#ffd326, #ffc61e);
+  color: #704a1d;
+  font-weight: bold;
+
+  height: 60px;
+  max-width: 20%;
+
+  font-size: 20px;
+}
+
+.BigButton:hover {
+  cursor: pointer;
+  background: linear-gradient(#ffc61e, #ffd326);
+}
+
+.BigButton.disabled {
+  background: linear-gradient(#9c9c9c, #949494);
+  color: rgb(226, 226, 226);
+  cursor: default;
+}
+
+.BigButton.disabled:hover {
+  background: linear-gradient(#949494, #9c9c9c);
+}