PGL/Clyde
3
2
Fork 3
Code Issues 13 Pull Requests Actions Projects 3 Releases 2 Wiki Activity

Profil Menu #83

Merged
Wal merged 9 commits from wal/front/profilMenu into master 2024-03-12 09:55:27 +01:00
Conversation 4 Commits 9 Files Changed 3 +353 -479
31 changed files with 353 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5b6d9c6713 - Show all commits

39
frontend/src/App.vue
View File

@ -26,8 +26,10 @@
const notifications=ref(i18n("app.notifications")) const notifications=ref(i18n("app.notifications"))
const settings=ref(i18n("app.settings")) const settings=ref(i18n("app.settings"))
const login=ref(i18n("app.login")) const login=ref(i18n("app.login"))
const active=ref(false)
function toggle() {
active = !active;
}
</script> </script>
@ -52,9 +54,17 @@
<a href="#Notifications"> <a href="#Notifications">
<div class="fa-solid fa-bell" style="margin-top: 7px; margin-bottom: 3px;"></div> <div class="fa-solid fa-bell" style="margin-top: 7px; margin-bottom: 3px;"></div>
</a></li> </a></li>
<li style="float: right;" title=settings> <li @click="active=true" class="option"style="float: right;" title=settings>
<a href="#Options"> <a href="#Options">
<div class="fa-solid fa-gear" style="margin-top: 7px; margin-bottom: 3px;"></div> <div class="fa-solid fa-gear" style="margin-top: 7px; margin-bottom: 3px;"></div>
<div v-if="active"class="dropdown">
<div class="content">Langage</div>
<ul style="list-style-type:none;margin:0;padding:0;">
<li style="float:left; font-size:10px; color:black;"><button @:click="setLang('en')" href="#home">EN</button></li>
<li style="float:left;font-size:10px; color:black;"><button @:click="setLang('fr')" href="#home">FR</button></li>
</ul>
</div>
</a></li> </a></li>
<li style="float:right; margin-top:7.5px;" title="Language"> <li style="float:right; margin-top:7.5px;" title="Language">
@ -122,8 +132,30 @@
.leftBar{ .leftBar{
grid-area: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{ ul.vertical{
list-style-type: none; list-style-type: none;
margin-top: 61px; margin-top: 61px;
@ -176,7 +208,6 @@
position: fixed; position: fixed;
height:61px; height:61px;
width: 100%; width: 100%;
overflow: hidden;
background-color: rgb(24, 24, 24); background-color: rgb(24, 24, 24);
} }