Skip to content

Commit

Permalink
feat: update ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@dancixx
dancixx committed Feb 6, 2025
1 parent 47670b3 commit 73cf709
Show file tree
Hide file tree
Showing 23 changed files with 7 additions and 156 deletions.
148 changes: 1 addition & 147 deletions input.css
View file
Original file line number Diff line number Diff line change
@@ -1,149 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/fonts/Poppins-Thin.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/fonts/Poppins-ThinItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/fonts/Poppins-ExtraLight.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(/fonts/Poppins-ExtraLightItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/fonts/Poppins-Light.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/fonts/Poppins-LightItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/Poppins-Regular.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/Poppins-RegularItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/fonts/Poppins-Medium.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/fonts/Poppins-MediumItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fonts/Poppins-SemiBold.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/fonts/Poppins-SemiBoldItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/Poppins-Bold.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/Poppins-BoldItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/fonts/Poppins-ExtraBold.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(/fonts/Poppins-ExtraBoldItalic.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/fonts/Poppins-Black.ttf) format("truetype");
}

@font-face {
font-family: "Poppins";
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/fonts/Poppins-BlackItalic.ttf) format("truetype");
}
}
@tailwind utilities;
Binary file removed public/fonts/Poppins-Black.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-BlackItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-Bold.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-BoldItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-ExtraBold.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-ExtraBoldItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-ExtraLight.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-ExtraLightItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-Italic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-Light.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-LightItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-Medium.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-MediumItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-Regular.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-SemiBold.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-SemiBoldItalic.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-Thin.ttf
View file
Binary file not shown.
Binary file removed public/fonts/Poppins-ThinItalic.ttf
View file
Binary file not shown.
4 changes: 2 additions & 2 deletions src/app.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -196,7 +196,7 @@ pub fn shell(options: LeptosOptions) -> impl IntoView {
));

view! {
<!DOCTYPE html>
<!DOCTYPE html>
{html_}
}
}
Expand All @@ -208,7 +208,7 @@ pub fn component() -> impl IntoView {
Router(
RouterProps::builder()
.children(TypedChildren::to_children(move || {
div().class("overflow-auto text-white font-poppins").child((
div().class("overflow-auto text-white font-mono").child((
header::component,
main()
.class("container flex flex-col gap-8 px-4 pt-10 pb-14 mx-auto mt-16 max-w-4xl md:px-0")
Expand Down
6 changes: 3 additions & 3 deletions src/pages/home.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ pub fn component() -> impl IntoView {
Suspense(
SuspenseProps::builder().fallback(|| ()).children(TypedChildren::to_children(move || {
div()
.class("flex flex-col gap-8")
.class("flex flex-col gap-6")
.child(For(ForProps::builder()
.each(move || posts.get().and_then(Result::ok).unwrap_or_default())
.key(|post| post.id.id.to_string())
Expand All @@ -35,8 +35,8 @@ pub fn component() -> impl IntoView {
div()
.child(
(div().class("flex flex-col gap-1 mb-4 font-medium").child((
p().class("text-base line-clamp-2").child(post.title.clone()),
p().class("italic text-xxs").child(post.summary.clone()),
p().class("text-lg font-semibold line-clamp-2").child(post.title.clone()),
p().class("font-light text-xs").child(post.summary.clone()),
)),
div().class("flex flex-row gap-3 justify-start items-center text-xxs").child(
div().class("flex flex-row gap-3").child((
Expand Down
2 changes: 1 addition & 1 deletion src/pages/post.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ pub fn component() -> impl IntoView {
});

let children = move |post: Post| {
div().class("flex flex-col items-center font-mono").child(
div().class("flex flex-col items-center").child(
(
Show(ShowProps::builder()
.when({
Expand Down
3 changes: 0 additions & 3 deletions tailwind.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,6 @@ module.exports = {
fontSize: {
xxs: "0.625rem",
},
fontFamily: {
poppins: ["Poppins", "sans-serif"],
},
},
},
plugins: [require("@tailwindcss/typography")],
Expand Down

0 comments on commit 73cf709

Please sign in to comment.