This commit is contained in:
Korbs 2024-09-15 03:47:11 -04:00
parent a52bb64780
commit c7ef8012aa
7 changed files with 64 additions and 60 deletions

View file

@ -16,4 +16,4 @@ ___
___
MinPluto is inspired by [Poke](https://poketube.fun/), a project by [Ashley](https://codeberg.org/ashley).
MinPluto is inspired by [Poke](https://poketube.fun/), Poke is a project by [Ashley](https://codeberg.org/ashley).

BIN
bun.lockb

Binary file not shown.

View file

@ -32,16 +32,16 @@
"build": "astro build --config ./source/astro.js"
},
"dependencies": {
"@astrojs/mdx": "^3.1.5",
"@astrojs/mdx": "^3.1.6",
"@astrojs/node": "^8.3.3",
"@astrojs/vue": "^4.5.0",
"@iconoir/vue": "^7.9.0",
"@minpluto/zorn": "^0.4.5",
"@nurodev/astro-bun": "^1.1.5",
"@openpanel/sdk": "^1.0.0",
"@supabase/supabase-js": "^2.45.3",
"@supabase/supabase-js": "^2.45.4",
"@xexiu/astro-modal": "^0.5.9",
"astro": "^4.15.4",
"astro": "^4.15.6",
"astro-analytics": "^2.7.0",
"astro-i18next": "^1.0.0-beta.21",
"astro-tooltips": "^0.6.2",

View file

@ -4,7 +4,6 @@ import astroI18next from "astro-i18next"
import mdx from '@astrojs/mdx'
import bun from "@nurodev/astro-bun";
// https://astro.build/config
export default defineConfig({
// Project Structure

View file

@ -50,7 +50,7 @@ for the JavaScript code in this page.
// Trigger Search
function Search() {
var SearchQuery = document.querySelector('input[type="search"]').value;
location.href = `/search?q=${SearchQuery}`;
location.href = `/search?query=${SearchQuery}`;
}
///// Suggestions /////
@ -91,56 +91,4 @@ for the JavaScript code in this page.
.join("\n");
return `${text}`;
}
</script>
<style lang="scss">
.search-bar {
display: flex;
width: 100%;
input[type="search"] {
background: transparent;
color: white;
border: none;
border-radius: 10px 0px 0px 10px;
padding: 24px;
width: 100%;
transition: 0.3s width;
&:focus {
outline: none;
transition: 0.3s width;
}
}
}
.search-bar button {
display: none;
border-radius: 1rem;
aspect-ratio: 1;
background: rgba(255, 255, 255, 0.1);
color: white;
margin: 8px 0px 0px -31px;
height: 24px;
border: none;
cursor: pointer;
}
.search-bar button svg {
width: 14px;
}
.search-bar[data-astro-cid-otpdt6jm] {
display: flex;
}
.suggestions {
position: absolute;
top: 60px;
background: #131313e8;
width: 100%;
border-radius: 6px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px #282828 solid;
a:hover {
background: #0d0d0d !important;
border-radius: 6px;
}
}
</style>
</script>

View file

@ -0,0 +1,57 @@
---
import Base from "@layouts/Default.astro";
import Search from "@components/Search.astro";
---
<Base Title="MinPluto" Description="">
<br />
<Search />
</Base>
<style lang="scss" is:global is:inline>
.search-bar {
margin: auto;
max-width: 500px;
position: relative;
input {
color: white;
background: #121212;
border: 2px #242424 solid;
padding: 6px 12px;
border-radius: 6px;
font-size: 16px;
width: 100%;
&:focus {
outline: none;
}
}
button {
position: absolute;
right: 0px;
top: 0px;
color: #acacac;
background: #242424;
border: none;
border-radius: 4px;
padding: 0px 12px;
margin: 5px;
font-size: 0px;
}
}
.suggestions {
display: grid;
border-radius: 6px;
border: 2px #242424 solid;
background: #121212;
margin-top: 6px;
a {
color: white;
text-decoration: none;
padding: 4px 12px;
font-size: 14px;
&:hover {
opacity: 0.5;
}
}
}
</style>

View file

@ -1,4 +1,4 @@
---
P---
import i18next,{ t, changeLanguage } from "i18next";
import Base from "@layouts/Default.astro";