add site key form

This commit is contained in:
realaravinth
2021-05-03 20:24:03 +05:30
parent 0531a26274
commit 812b0ff2c9
49 changed files with 1253 additions and 597 deletions

View File

@@ -1,29 +1,29 @@
<ul class="task-bar">
<ul class="taskbar">
<!--
<li class="task-bar__action">Brand Name</li>
<li class="taskbar__action">Brand Name</li>
-->
<li class="task-bar__spacer"></li>
<li class="task-bar__action">
<a class="task-bar__link" href="<.= crate::PAGES.panel.sitekey.add .>">
<button class="main-menu__add-site">
<li class="taskbar__spacer"></li>
<li class="taskbar__action">
<a class="taskbar__link" href="<.= crate::PAGES.panel.sitekey.add .>">
<button class="taskbar__add-site">
+ New Site
</button>
</a>
</li>
<li class="task-bar__action">
<img class="task-bar__icon" src="<.=
<li class="taskbar__action">
<img class="taskbar__icon" src="<.=
crate::FILES.get("./static-assets/img/svg/moon.svg").unwrap() .>" alt="Profile" />
</li>
<li class="task-bar__action">
<img class="task-bar__icon" src="<.=
<li class="taskbar__action">
<img class="taskbar__icon" src="<.=
crate::FILES.get("./static-assets/img/svg/bell.svg").unwrap() .>"
alt="Notifications" />
</li>
<li class="task-bar__action">
<li class="taskbar__action">
<a href="<.= crate::V1_API_ROUTES.auth.logout .>">
<img class="task-bar__icon" src="<.=
<img class="taskbar__icon" src="<.=
crate::FILES.get("./static-assets/img/svg/log-out.svg").unwrap() .>" alt="Profile"
/></a>
</li>

View File

@@ -0,0 +1,61 @@
/*
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import '../../reset';
@import '../../vars';
@import '../../components/button';
.taskbar {
display: flex;
padding: 0px;
margin: 0px;
background-color: $white;
}
.taskbar__action {
display: inline-block;
padding: 10px 0px;
margin: auto;
}
.taskbar__spacer {
min-width: 250px;
flex: 6;
}
.taskbar__icon {
opacity: 0.8;
width: 1.5rem;
margin: auto 20px;
}
.taskbar__icon {
color: $light-text;
}
.taskbar__icon:hover {
cursor: grab;
}
.taskbar__add-site {
display: inline-block;
@include violet-button;
}
.taskbar__add-site:hover {
@include violet-button-hover;
}