Merge branch 'main' into feature/footer

src/App.vue

@@ -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>
 import Navbar from './features/nav/components/Navbar.vue';
 import Footer from './features/footer/components/Footer.vue';

src/features/nav/components/Navbar.vue

@@ -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>
     <nav class="global-nav">
         <span id="logo">Seekra</span>

src/features/search/components/Searchbar.vue

@@ -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>
     <div class="search-wrapper">
         <input type="search" name="search" placeholder="Search..." required />
@@ -8,15 +24,16 @@
 <style scoped>
 .search-wrapper {
     --submit-button-padding-y: 8px;
-    --submit-button-content-height: 18px;
+    --content-height: 32px;
     --padding: 4px;
     display: flex;
     align-items: center;
     border: 1.5px solid #ccc;
     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-left: calc(var(--submit-button-content-height) + var(--padding));
+    padding-left: calc(var(--content-height) + var(--padding));
+    width: 100%;
 }
 
 .search-wrapper input {
@@ -25,12 +42,13 @@
     width: 100%;
     font-size: 1rem;
     background: transparent;
+    height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
 }
 
 .search-button {
     font-size: 1rem;
-    height: calc(var(--submit-button-content-height) + 2 * var(--submit-button-padding-y));
-    border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y));
+    height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
+    border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
     border: none;
     padding: var(--submit-button-padding-y) 20px;
     background: #4562BE;

src/main.js

@@ -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 App from './App.vue'
 import router from './router'

src/router/index.js

@@ -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 SearchView from '../views/SearchView.vue'

src/styles/common.css

@@ -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 {
     margin: 0;
     font-size: 16px;

src/styles/main.css

@@ -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 {
     display: flex;
     justify-content: center;

src/views/SearchView.vue

@@ -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>
 import Searchbar from '../features/search/components/Searchbar.vue'
 </script>
@@ -39,4 +55,8 @@ import Searchbar from '../features/search/components/Searchbar.vue'
     margin: 0;
     font-size: small;
 }
+
+#search-form {
+    width: 70%;
+}
 </style>