diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 51f8882..2ee53b0 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -26,8 +26,10 @@
const notifications=ref(i18n("app.notifications"))
const settings=ref(i18n("app.settings"))
const login=ref(i18n("app.login"))
-
-
+ const active=ref(false)
+ function toggle() {
+ active = !active;
+ }
@@ -52,9 +54,17 @@
-
+
+
@@ -122,8 +132,30 @@
.leftBar{
grid-area:leftBar;
}
+.option {
+ position: relative;
+ display: block;
+}
+.dropdown {
+ margin-top:55px;
+ display: block;
+ height:150px;
+ font-size: 13px;
+ position: absolute;
+ z-index: 1;
+ background-color:white;
+}
+
+.dropdown .content {
+ color: #4CAF50;
+ padding: 8px 10px;
+ text-decoration: none;
+ display: block;
+ transition: 0.1s;
+}
+
ul.vertical{
list-style-type: none;
margin-top: 61px;
@@ -176,7 +208,6 @@
position: fixed;
height:61px;
width: 100%;
- overflow: hidden;
background-color: rgb(24, 24, 24);
}