Page MenuHomePhorge
Files F117746830

D1378.1775174132.diff
No OneTemporary
Actions

Authored By
Unknown
Size
3 KB
Referenced Files
None
Subscribers
None

D1378.1775174132.diff
View Options

diff --git a/src/.env.example b/src/.env.example
--- a/src/.env.example
+++ b/src/.env.example
@@ -104,6 +104,8 @@
COMPANY_DETAILS=
COMPANY_EMAIL=
COMPANY_LOGO=
+COMPANY_COPYRIGHT=
+COMPANY_FOOTER=
VAT_COUNTRIES=CH,LI
VAT_RATE=7.7
diff --git a/src/config/app.php b/src/config/app.php
--- a/src/config/app.php
+++ b/src/config/app.php
@@ -252,6 +252,8 @@
'details' => env('COMPANY_DETAILS'),
'email' => env('COMPANY_EMAIL'),
'logo' => env('COMPANY_LOGO'),
+ 'copyright' => env('COMPANY_COPYRIGHT'),
+ 'footer' => env('COMPANY_FOOTER', env('COMPANY_DETAILS')),
],
'vat' => [
diff --git a/src/resources/sass/menu.scss b/src/resources/sass/menu.scss
--- a/src/resources/sass/menu.scss
+++ b/src/resources/sass/menu.scss
@@ -40,10 +40,19 @@
height: 100px;
.navbar-brand {
+ margin: 0;
+
img {
width: 170px;
}
}
+
+ .footer {
+ text-align: right;
+ color: #fff;
+ font-size: 0.75rem;
+ padding: 0 0.5rem;
+ }
}
@include media-breakpoint-up(lg) {
@@ -67,6 +76,13 @@
}
}
+ #footer-menu {
+ .navbar {
+ flex-direction: column;
+ align-items: flex-end;
+ }
+ }
+
.navbar {
.navbar {
justify-content: flex-end;
@@ -85,12 +101,34 @@
padding: 0;
}
}
+
+ #footer-menu {
+ .navbar-nav {
+ display: none;
+ }
+
+ .container {
+ flex-wrap: nowrap;
+ }
+ }
}
@include media-breakpoint-down(sm) {
#header-menu {
padding: 0 1em;
}
+
+ #footer-menu {
+ height: 80px;
+
+ .container {
+ flex-direction: column;
+ }
+
+ #footer-company {
+ display: none;
+ }
+ }
}
@media (max-width: 340px) {
diff --git a/src/resources/views/root.blade.php b/src/resources/views/root.blade.php
--- a/src/resources/views/root.blade.php
+++ b/src/resources/views/root.blade.php
@@ -5,6 +5,10 @@
<menu-component mode="header"></menu-component>
<app-component></app-component>
<div class="filler"></div>
- <menu-component mode="footer"></menu-component>
+ <menu-component mode="footer"
+ copyright="{{ config('app.company.copyright') }}"
+ footer="{{ config('app.company.footer') }}"
+ >
+ </menu-component>
</div>
@endsection
diff --git a/src/resources/vue/Widgets/Menu.vue b/src/resources/vue/Widgets/Menu.vue
--- a/src/resources/vue/Widgets/Menu.vue
+++ b/src/resources/vue/Widgets/Menu.vue
@@ -10,7 +10,7 @@
>
<span class="navbar-toggler-icon"></span>
</button>
- <div :id="mode + '-menu-navbar'" class="navbar collapse navbar-collapse">
+ <div :id="mode + '-menu-navbar'" :class="'navbar' + (mode == 'header' ? ' collapse navbar-collapse' : '')">
<ul class="navbar-nav">
<li class="nav-item" v-if="!logged_in">
<router-link v-if="!$root.isAdmin" class="nav-link link-signup" active-class="active" :to="{name: 'signup'}">Signup</router-link>
@@ -44,6 +44,10 @@
<router-link class="nav-link menulogin link-login" active-class="active" :to="{name: 'login'}">Login</router-link>
</li>
</ul>
+ <div v-if="mode == 'footer'" class="footer">
+ <div v-if="copyright" id="footer-copyright">@ {{ copyright }}</div>
+ <div v-if="footer" id="footer-company">{{ footer }}</div>
+ </div>
</div>
</div>
</nav>
@@ -52,7 +56,9 @@
<script>
export default {
props: {
- mode: { type: String, default: 'header' }
+ mode: { type: String, default: 'header' },
+ copyright: { type: String, default: '' },
+ footer: { type: String, default: '' }
},
data() {
return {

File Metadata

Mime Type
text/plain
Expires
Thu, Apr 2, 11:55 PM (16 h, 18 m ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18821581
Default Alt Text
D1378.1775174132.diff (3 KB)

Event Timeline