From ddce03a67708249eec129eb36744be460345bd75 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 15 Jun 2021 16:23:44 +0800
Subject: ...

---
 FrontEnd/src/views/common/button/FlatButton.css | 45 +++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 FrontEnd/src/views/common/button/FlatButton.css

(limited to 'FrontEnd/src/views/common/button/FlatButton.css')

diff --git a/FrontEnd/src/views/common/button/FlatButton.css b/FrontEnd/src/views/common/button/FlatButton.css
new file mode 100644
index 00000000..779e3562
--- /dev/null
+++ b/FrontEnd/src/views/common/button/FlatButton.css
@@ -0,0 +1,45 @@
+.cru-flat-button {
+  cursor: pointer;
+  padding: 0.2em 0.5em;
+  border-radius: 0.2em;
+}
+
+.cru-flat-button:hover:not(.disabled) {
+  background-color: #e9ecef;
+}
+
+.cru-flat-button.disabled {
+  cursor: default;
+}
+
+.cru-flat-button.primary {
+  color: var(--tl-primary-color);
+}
+
+.cru-flat-button.primary.disabled {
+  color: var(--tl-primary-lighter-color);
+}
+
+.cru-flat-button.secondary {
+  color: var(--tl-secondary-color);
+}
+
+.cru-flat-button.secondary.disabled {
+  color: var(--tl-secondary-lighter-color);
+}
+
+.cru-flat-button.success {
+  color: var(--tl-success-color);
+}
+
+.cru-flat-button.success.disabled {
+  color: var(--tl-success-lighter-color);
+}
+
+.cru-flat-button.danger {
+  color: var(--tl-danger-color);
+}
+
+.cru-flat-button.danger.disabled {
+  color: var(--tl-danger-ligher-color);
+}
-- 
cgit v1.2.3


From 9b2de947e6d16fe8478a3e8316ae4a1136e50948 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 15 Jun 2021 16:46:07 +0800
Subject: ...

---
 FrontEnd/src/views/common/button/FlatButton.css | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'FrontEnd/src/views/common/button/FlatButton.css')

diff --git a/FrontEnd/src/views/common/button/FlatButton.css b/FrontEnd/src/views/common/button/FlatButton.css
index 779e3562..522563b9 100644
--- a/FrontEnd/src/views/common/button/FlatButton.css
+++ b/FrontEnd/src/views/common/button/FlatButton.css
@@ -2,6 +2,9 @@
   cursor: pointer;
   padding: 0.2em 0.5em;
   border-radius: 0.2em;
+  border: none;
+  background-color: transparent;
+  transition: all 0.6s;
 }
 
 .cru-flat-button:hover:not(.disabled) {
-- 
cgit v1.2.3