nobigtech
/
fedilove
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added supposed events on navmenu buttons (to be controlled later)

This commit is contained in:
Niko 2022-02-11 16:43:56 +01:00
parent f40c9c7437
commit 42bf9720c9
3 changed files with 42 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/_templates/app/header.php
View File

@ -19,26 +19,30 @@
<?php tpl_scripts($scripts ?? null) ?>
</head>
<body class="app">
<header>
<div class="flex">
<div class="flex icon button round">
<a class="center" href="<?php echo APP_DIR ?>">
<header class="flex">
<div id="nav-container" class="flex center">
<div class="flex">
<div id="fedilove-icon" class="flex center icon button round">
<a class="center" href="javascript:app.page.home()">
<img class="fedilove-icon" src="/assets/images/icon-proto-1.png"/>
</a>
</div>
</div>
<div class="flex width-max">
<div id="nav" class="flex center">
<?php $position = 'right' ?>
<?php tpl('buttons.menu', "class: rounder| position: $position| id: nav-crushes |".
"text: crushes| icon: heart") ?>
<?php tpl('buttons.menu', "class: rounder| position: $position| id: nav-meet |".
"text: meet| icon: users") ?>
<?php tpl('buttons.menu', "class: rounder| position: $position| id: nav-notifications |".
"text: notifications| icon: bell") ?>
<?php tpl('buttons.menu', "class: rounder| position: $position| id: nav-chat |".
"text: chat| icon: comments") ?>
<?php tpl('buttons.menu', "class: round | position: $position| id: nav-search |".
"icon: search") ?>
<?php tpl('buttons.menu', "class: rounder | position: $position | text: meet | icon: users |".
"id: nav-meet | onclick: app.page.meet()") ?>
<?php tpl('buttons.menu', "class: rounder | position: $position | text: crushes | icon: heart |".
"id: nav-crushes | onclick: app.page.crushes()") ?>
<?php tpl('buttons.menu', "class: rounder | position: $position | text: chat | icon: comments |".
"id: nav-chat | onclick: app.page.chat()") ?>
</div>
</div>
<div class="flex">
<div class="flex center">
<?php tpl('buttons.menu', "class: round | position: $position| id: nav-search |".
"icon: search") ?>
</div>
</div>
<?php if ($actor !== null): ?>

4
web/src/_templates/buttons/menu.php
View File

@ -13,6 +13,10 @@ if ($id !== false)
<?php if ($alt_s !== false): ?>
title="<?php echo s($alt_s) ?>"
<?php endif ?>
<?php if (isset($onclick)): ?>
href="javascript:<?php echo $onclick?>"
style="text-decoration: none; color: initial;"
<?php endif ?>
>
<div class="flex" style="min-width: 2em; min-height: 2em">

23
web/src/app/css/app.css
View File

@ -7,8 +7,12 @@ body.app {
padding: .7em;
}
.fedilove-icon {
width: 2.2em;
#fedilove-icon {
width: 2.5em;
height: 2.5em;
}
#fedilove-icon img {
width: 100%;
position: relative;
top: 2px;
}
@ -28,8 +32,21 @@ main {
margin: .8em .4em;
}
#nav-container {
max-width: 60em;
width: 100%;
}
#nav-meet .fa {
font-size: 1.8em;
color: #fb79ff;
}
#nav-crushes .fa { color: #ff5f5f }
#nav-chat .fa { color: #62c672 }
#app-container {
max-width: 50em;
max-width: 60em;
width: 100%;
}
.panel {