From dc4f413032d2db8eadb4feaa511f3da6d2e75c6b Mon Sep 17 00:00:00 2001 From: Saumit Dinesan Date: Wed, 3 May 2023 08:26:24 +0530 Subject: webui: Adding style sheet for buttons --- webui/index.html | 30 +++++++++++++++++++++++------- webui/style2.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 57 insertions(+), 7 deletions(-) create mode 100644 webui/style2.css diff --git a/webui/index.html b/webui/index.html index a9e0ee6..d96a29c 100644 --- a/webui/index.html +++ b/webui/index.html @@ -21,14 +21,12 @@ Raspberry Pi Face Recognition - - + + + - - -
@@ -42,8 +40,12 @@ Live-feed Login - + + + + +
@@ -53,6 +55,21 @@ + @@ -70,7 +87,6 @@ - diff --git a/webui/style2.css b/webui/style2.css new file mode 100644 index 0000000..f50e8f0 --- /dev/null +++ b/webui/style2.css @@ -0,0 +1,34 @@ +.buttonclick { + background-color: #383737; + border-radius: 4px; + border-style: none; + box-sizing: border-box; + color: #fff; + cursor: pointer; + display: inline-block; + font-family: "Farfetch Basis","Helvetica Neue",Arial,sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 1.5; + margin: 0 auto; + margin-top: 10px; + margin-bottom: 10px; + max-width: 200px; + min-height: 44px; + min-width: 10px; + outline: none; + overflow: hidden; + padding: 9px 20px 8px; + position: relative; + text-align: center; + text-transform: none; + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + width: 100%; +} + +.buttonclick:hover, +.buttonclick:focus { + opacity: .75; +} -- cgit v1.2.3