style: Styling Operator Block (#468)

* Operator Layout
2026-08-14 03:43:50 +00:00 · 2023-07-23 15:17:25 -05:00
parent 465550130b
commit bf7ca81e02
6 changed files with 123 additions and 15 deletions
@@ -0,0 +1,25 @@
+@use '.../../../src/theme/ontimeColours' as *;
+
+.focusBlock {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  position: -webkit-sticky;
+  position: sticky;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  margin-top: -53px;
+}
+
+.focusButton {
+  margin: 10px;
+  background-color: $blue-500;
+  width: fit-content;
+  padding: 3px 15px 3px 15px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: medium;
+}