Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Add footer #27 #41

Merged
jakob.scheid merged 7 commits from feature/footer into main 2026-05-08 18:58:16 +02:00
Conversation 1 Commits 7 Files Changed 4
+154 -5
9 changed files with 154 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a243c0bf9a - Show all commits
index.html
+16
View File
@@ -1,3 +1,19 @@
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
src/App.vue
+16
View File
@@ -1,3 +1,19 @@
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<script setup> <script setup>
import Navbar from './features/nav/components/Navbar.vue'; import Navbar from './features/nav/components/Navbar.vue';
import Footer from './features/footer/components/Footer.vue'; import Footer from './features/footer/components/Footer.vue';
src/features/nav/components/Navbar.vue
+16
View File
@@ -1,3 +1,19 @@
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<template> <template>
<nav class="global-nav"> <nav class="global-nav">
<span id="logo">Seekra</span> <span id="logo">Seekra</span>
src/features/search/components/Searchbar.vue
+23 -5
View File
@@ -1,3 +1,19 @@
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<template> <template>
<div class="search-wrapper"> <div class="search-wrapper">
<input type="search" name="search" placeholder="Search..." required /> <input type="search" name="search" placeholder="Search..." required />
@@ -8,15 +24,16 @@
<style scoped> <style scoped>
.search-wrapper { .search-wrapper {
--submit-button-padding-y: 8px; --submit-button-padding-y: 8px;
--submit-button-content-height: 18px; --content-height: 32px;
--padding: 4px; --padding: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
border: 1.5px solid #ccc; border: 1.5px solid #ccc;
box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
padding: var(--padding); padding: var(--padding);
padding-left: calc(var(--submit-button-content-height) + var(--padding)); padding-left: calc(var(--content-height) + var(--padding));
width: 100%;
} }
.search-wrapper input { .search-wrapper input {
@@ -25,12 +42,13 @@
width: 100%; width: 100%;
font-size: 1rem; font-size: 1rem;
background: transparent; background: transparent;
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
} }
.search-button { .search-button {
font-size: 1rem; font-size: 1rem;
height: calc(var(--submit-button-content-height) + 2 * var(--submit-button-padding-y)); height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y)); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
border: none; border: none;
padding: var(--submit-button-padding-y) 20px; padding: var(--submit-button-padding-y) 20px;
background: #4562BE; background: #4562BE;
src/main.js
+15
View File
@@ -1,3 +1,18 @@
/*
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
import { createApp } from 'vue' import { createApp } from 'vue'
import App from './App.vue' import App from './App.vue'
import router from './router' import router from './router'
src/router/index.js
+16
View File
@@ -1,3 +1,19 @@
/*
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
import { createRouter, createWebHistory } from 'vue-router' import { createRouter, createWebHistory } from 'vue-router'
import SearchView from '../views/SearchView.vue' import SearchView from '../views/SearchView.vue'
src/styles/common.css
+16
View File
@@ -1,3 +1,19 @@
/*
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
body { body {
margin: 0; margin: 0;
font-size: 16px; font-size: 16px;
src/styles/main.css
+16
View File
@@ -1,3 +1,19 @@
/*
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
form { form {
display: flex; display: flex;
justify-content: center; justify-content: center;
src/views/SearchView.vue
+20
View File
@@ -1,3 +1,19 @@
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<script setup> <script setup>
import Searchbar from '../features/search/components/Searchbar.vue' import Searchbar from '../features/search/components/Searchbar.vue'
</script> </script>
@@ -39,4 +55,8 @@ import Searchbar from '../features/search/components/Searchbar.vue'
margin: 0; margin: 0;
font-size: small; font-size: small;
} }
#search-form {
width: 70%;
}
</style> </style>