inputs.scss refactor

Added upload date to media + sort by date

AobaClient/Dockerfile

@@ -1,44 +0,0 @@
-FROM rust:1 AS chef
-RUN rustup target add wasm32-unknown-unknown
-RUN cargo install cargo-chef
-WORKDIR /app
-
-FROM chef AS planner
-COPY . .
-WORKDIR /app/AobaClient
-RUN cargo chef prepare --recipe-path recipe.json
-
-FROM chef AS builder
-WORKDIR /app/AobaClient
-COPY --from=planner /app/AobaClient/recipe.json recipe.json
-RUN cargo chef cook --release --recipe-path recipe.json
-COPY /AobaClient /app/AobaClient
-COPY /AobaServer/Proto /app/AobaServer/Proto
-
-# Install Protobuf
-RUN apt update
-RUN apt install -y protobuf-compiler libprotobuf-dev
-
-# Install `dx`
-RUN curl -L --proto '=https' --tlsv1.2 -sSf https://raw.githubusercontent.com/cargo-bins/cargo-binstall/main/install-from-binstall-release.sh | bash
-RUN cargo binstall dioxus-cli --root /.cargo -y --force
-ENV PATH="/.cargo/bin:$PATH"
-
-# Create the final bundle folder. Bundle always executes in release mode with optimizations enabled
-RUN dx bundle --platform web
-ENTRYPOINT [ "sleep", "infinity" ]
-
-
-# FROM chef AS runtime
-# COPY --from=builder /app/AobaClient/target/dx/aoba-client/release/web/ /usr/local/app
-
-# # set our port and make sure to listen for all connections
-# ENV PORT=8616
-# ENV IP=0.0.0.0
-
-# # expose the port 8080
-# EXPOSE 8616
-
-# WORKDIR /usr/local/app
-# ENTRYPOINT [ "/usr/local/app/server" ]
-

AobaClient/assets/style/inputs.scss

@@ -1,9 +1,23 @@
-.searchBar {
-	display: grid;
-	width: 100%;
-}
-
 label {
 	display: flex;
 	flex-direction: column;
 }
+
+textarea,
+input[type="url"],
+input[type="email"],
+input[type="number"],
+input[type="tel"],
+input[type="text"] {
+}
+
+.searchBar {
+	display: grid;
+	width: 100%;
+
+	input {
+		padding: 10px;
+		font-size: 1.5rem;
+		border-radius: 20px;
+	}
+}

AobaClient/assets/style/main.scss

@@ -1,6 +1,5 @@
 @import "mixins";
 @import "colors";
-@import "inputs";
 
 :root {
 	background-color: $mainBGColor;
@@ -13,6 +12,11 @@
 	font-variation-settings: "wdth" 100;
 }
 
+.stickyTop {
+	top: 0;
+	position: sticky;
+}
+
 body {
 	padding: 0;
 	margin: 0;

AobaClient/src/components/search.rs

@@ -4,7 +4,7 @@ use dioxus::prelude::*;
 pub fn Search(query: Signal<String>) -> Element {
 	rsx! {
 		div{
-			class: "searchBar",
+			class: "searchBar stickyTop",
 			input {
 				type: "search",
 				placeholder: "Search Files",

AobaClient/src/main.rs

@@ -17,6 +17,7 @@ pub const HOST: &'static str = "https://aoba.app";
 
 const FAVICON: Asset = asset!("/assets/favicon.ico");
 const MAIN_CSS: Asset = asset!("/assets/style/main.scss");
+const INPUT_CSS: Asset = asset!("/assets/style/inputs.scss");
 
 fn main() {
 	dioxus::launch(App);
@@ -30,6 +31,7 @@ fn App() -> Element {
 		document::Link { rel: "preconnect", href: "https://fonts.googleapis.com" }
 		document::Link { rel: "preconnect", href: "https://fonts.gstatic.com" }
 		document::Link { rel: "stylesheet", href: MAIN_CSS }
+		document::Link { rel: "stylesheet", href: INPUT_CSS }
 		document::Link {
 			rel: "stylesheet",
 			href: "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap",