From 161f22bf1893d0ee73bd6c26ab5eef2664dbd762 Mon Sep 17 00:00:00 2001
From: danielmyren <daniel.j.myren@gmail.com>
Date: Thu, 15 Aug 2024 19:49:21 +0200
Subject: [PATCH] Css changes
---
frontend/src/Css/Form.css | 5 ---
frontend/src/Css/MultiLevelOptions.css | 59 ++++++++++++++++++++++++++
frontend/src/Css/index.css | 5 ---
3 files changed, 59 insertions(+), 10 deletions(-)
create mode 100644 frontend/src/Css/MultiLevelOptions.css
diff --git a/frontend/src/Css/Form.css b/frontend/src/Css/Form.css
index 4ac83fd..3dfbde7 100644
--- a/frontend/src/Css/Form.css
+++ b/frontend/src/Css/Form.css
@@ -13,11 +13,6 @@ body {
align-items: center;
}
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
-
.login-view{
min-height: 100vh;
min-width: 100vw;
diff --git a/frontend/src/Css/MultiLevelOptions.css b/frontend/src/Css/MultiLevelOptions.css
new file mode 100644
index 0000000..4e8bb4f
--- /dev/null
+++ b/frontend/src/Css/MultiLevelOptions.css
@@ -0,0 +1,59 @@
+
+/* Wrapper for the entire component */
+.options-wrapper {
+ max-width: 350px;
+ border-radius: 8px;
+ display: flex;
+ flex-direction: column;
+ margin-top: 25px;
+ }
+
+/* Styling the heading */
+.options-wrapper h1 {
+ font-size: 36px;
+ text-align: left;
+ margin-bottom: 6px;
+ font-family: "source-code-pro", Menlo, Monaco, Consolas, "Courier New", monospace;
+ line-height: 1.4375em;
+
+}
+
+ /* Styling for the dropdown menus */
+ .options-wrapper select {
+ width: 100%;
+ padding: 19px 4px 19px 5px;
+ margin-bottom: 15px;
+ border-radius: 5px;
+ border: 1px solid white;
+ color: "#061525";
+ background-color: #3D96B1;
+ font-family: "source-code-pro", Menlo, Monaco, Consolas, "Courier New", monospace;
+ font-size: 20px;
+ }
+
+ /* Change border color on focus */
+ .options-wrapper select:focus {
+ border-color: #007bff;
+ outline: none
+}
+
+/*
+options-wrapper h1{
+ margin-bottom: 10px;
+ font-family: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace";
+ font-size: 36px;
+ font-weight: 700;
+}
+
+options-wrapper h1{
+ margin-bottom: 10px;
+ font-family: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace";
+ font-size: 36px;
+ font-weight: 700;
+}
+
+options-wrapper select{
+ padding: 10px 0px 3px 10px;
+ margin-bottom: 20px;
+}
+*/
\ No newline at end of file
diff --git a/frontend/src/Css/index.css b/frontend/src/Css/index.css
index e164351..847c6ad 100644
--- a/frontend/src/Css/index.css
+++ b/frontend/src/Css/index.css
@@ -10,8 +10,3 @@ body {
-moz-osx-font-smoothing: grayscale;
}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
--
GitLab