From c32c72c3f4640ede867907b4c8de8811a508a6c3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 6 Jun 2020 23:09:53 +0200
Subject: tiling styles

---
 frontend/common/form.component.js |  5 ++++-
 frontend/common/form.css          | 11 +++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

(limited to 'frontend/common')

diff --git a/frontend/common/form.component.js b/frontend/common/form.component.js
index 4f52a5e..fb5b26d 100644
--- a/frontend/common/form.component.js
+++ b/frontend/common/form.component.js
@@ -188,6 +188,9 @@ export class FileInput extends Component {
 export const SubmitButton = (props) => (
   <label>
     <span></span>
-    <button className="submit" onClick={props.onClick}>{props.title}</button>
+    <button
+      className={props.className ? "submit " + props.className : "submit"}
+      onClick={props.onClick}
+    >{props.title}</button>
   </label>
 )
diff --git a/frontend/common/form.css b/frontend/common/form.css
index 54ac2d9..dbfa01f 100644
--- a/frontend/common/form.css
+++ b/frontend/common/form.css
@@ -275,6 +275,17 @@ button.submit:hover {
   color: #fff;
   background: #222;
 }
+button.submit.destroy {
+  background-color: rgba(16,16,16,0.5);
+  border-color: #b11;
+  color: #d11;
+}
+button.submit.destroy:focus,
+button.submit.destroy:hover {
+  background: #000;
+  border-color: #f33;
+  color: #f33;
+}
 
 /* file upload, should always be inside a container */
 
-- 
cgit v1.2.3-70-g09d2