trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: update branding sizes

Browse source
This commit is contained in:
trafficlunar 2025-02-21 15:43:37 +00:00
parent e5ec9d2f57
commit addb1460be
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/menubar/index.tsx
View file

@ -26,8 +26,8 @@ function Menubar() {
<UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3"> <UIMenubar className="rounded-none border-t-0 border-x-0 col-span-3">
<div className="w-full flex items-center space-x-1 overflow-x-auto"> <div className="w-full flex items-center space-x-1 overflow-x-auto">
<Link to={{ pathname: "/" }} className="px-4 min-w-40 flex gap-2 items-center"> <Link to={{ pathname: "/" }} className="px-4 min-w-40 flex gap-2 items-center">
<BlockmaticIcon className="h-full w-8" /> <BlockmaticIcon className="h-8" />
<BlockmaticText className="h-full w-full" /> <BlockmaticText className="h-4 w-min" />
</Link> </Link>
<FileMenu /> <FileMenu />

10
src/pages/IndexPage.tsx
View file

@ -1,6 +1,7 @@
/// <reference types="vite-plugin-svgr/client" /> /// <reference types="vite-plugin-svgr/client" />
import { useContext } from "react"; import { useContext } from "react";
import { Link } from "react-router"; import { Link } from "react-router";
import { ChevronRightIcon, LinkIcon } from "lucide-react";
import { ThemeContext } from "@/context/Theme"; import { ThemeContext } from "@/context/Theme";
@ -10,9 +11,9 @@ import { Separator } from "@/components/ui/separator";
import ThemeIcon from "@/components/ThemeIcon"; import ThemeIcon from "@/components/ThemeIcon";
import ImageComparison from "@/components/home/ImageComparison"; import ImageComparison from "@/components/home/ImageComparison";
import BlockmaticLogo from "@/assets/blockmatic.svg?react"; import BlockmaticIcon from "@/assets/blockmatic-icon.svg?react";
import BlockmaticText from "@/assets/blockmatic-text.svg?react";
import GithubIcon from "@/assets/github.svg?react"; import GithubIcon from "@/assets/github.svg?react";
import { ChevronRightIcon, LinkIcon } from "lucide-react";
function IndexPage() { function IndexPage() {
const { isDark } = useContext(ThemeContext); const { isDark } = useContext(ThemeContext);
@ -20,7 +21,10 @@ function IndexPage() {
return ( return (
<main className="flex flex-col items-center font-inter"> <main className="flex flex-col items-center font-inter">
<header className="w-full flex justify-evenly p-8 z-10 gap-8"> <header className="w-full flex justify-evenly p-8 z-10 gap-8">
<BlockmaticLogo className="h-20 w-max" fill={"white"} /> <div className="flex gap-2 items-center">
<BlockmaticIcon className="h-14" fill={"white"} />
<BlockmaticText className="h-7" fill={"white"} />
</div>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Button className="bg-white text-black hover:bg-zinc-50/90 mr-4" asChild> <Button className="bg-white text-black hover:bg-zinc-50/90 mr-4" asChild>