Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitf9ca87c

Browse files
committed
fix(ui): sidebar & docs layout
1 parent21848a4 commitf9ca87c

File tree

9 files changed

+40
-22
lines changed

9 files changed

+40
-22
lines changed

‎src/app/community/page.tsx‎

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import { ExternalLink } from "lucide-react";
66
importImagefrom"next/image";
77
importLinkfrom"next/link";
88
import{motion}from"framer-motion";
9+
import{DISCORD_URL,GITHUB_URL}from"@/data/meta";
910

1011
constQUICKSNIP_YT_VIDEOS=[
1112
{
@@ -31,21 +32,17 @@ const Communitypage = () => {
3132
>
3233
<Image
3334
src="/github.svg"
34-
alt="Discord"
35-
width={200}
36-
height={200}
35+
alt="GitHub"
36+
width={150}
37+
height={150}
3738
className="shadow-[0_0_5rem_1rem_hsl(225,22%,15%)] rounded-[3rem]"
3839
/>
3940
</motion.div>
4041
<h2className="text-3xl font-bold text-center">
4142
QuickSnip is Open-Source
4243
</h2>
4344
<Buttonsize="lg"asChild>
44-
<Link
45-
href="https://github.com/quicksnip-dev/quicksnip"
46-
target="_blank"
47-
rel="noopener noreferrer"
48-
>
45+
<Linkhref={GITHUB_URL}target="_blank"rel="noopener noreferrer">
4946
See the code<ExternalLink/>
5047
</Link>
5148
</Button>
@@ -59,8 +56,8 @@ const Communitypage = () => {
5956
<Image
6057
src="/discord.svg"
6158
alt="Discord"
62-
width={200}
63-
height={200}
59+
width={150}
60+
height={150}
6461
className="shadow-[0_0_5rem_1rem_hsl(235,86%,65%,0.5)] rounded-[3rem]"
6562
/>
6663
</motion.div>
@@ -69,7 +66,7 @@ const Communitypage = () => {
6966
</h2>
7067
<Buttonsize="lg"asChild>
7168
<Link
72-
href="https://discord.com/invite/Nm5K46yUy5"
69+
href={DISCORD_URL}
7370
target="_blank"
7471
rel="noopener noreferrer"
7572
>

‎src/app/globals.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -136,3 +136,23 @@
136136
@apply max-w-[90rem] mx-auto px-4;
137137
}
138138
}
139+
140+
#nd-docs-layout {
141+
display: grid;
142+
gap:1rem;
143+
padding:0!important;
144+
145+
@media (min-width:800px) {
146+
grid-template-columns: auto auto auto;
147+
}
148+
}
149+
150+
#nd-sidebar {
151+
bottom:3rem;
152+
position: initial;
153+
background:var(--background);
154+
}
155+
156+
#nd-page {
157+
/* border: 1px solid green; */
158+
}

‎src/app/layout.config.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
importLogofrom"@/components/Logo";
1+
importLogofrom"@/components/ui/Logo";
22
import{BaseLayoutProps}from"fumadocs-ui/layouts/shared";
33

44
exportconstbaseOptions:BaseLayoutProps={

‎src/components/layouts/Footer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const NAV_ITEMS = [
2727

2828
constFooter=()=>{
2929
return(
30-
<footerclassName="border-t border-secondary text-secondary-foreground">
30+
<footerclassName="h-16border-t border-secondary text-secondary-foreground">
3131
<divclassName="container-lg py-8 grid gap-8 md:grid-cols-[1fr_auto]">
3232
<p>
3333
Released under the{" "}

‎src/components/layouts/Header.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,10 @@ import React, { useState, useEffect } from "react";
44
import{motion,AnimatePresence,easeInOut}from"framer-motion";
55
import{Menu,X}from"lucide-react";
66
importLinkfrom"next/link";
7-
importLogofrom"../Logo";
8-
importDarkModeSwitchfrom"../DarkModeSwitch";
7+
importLogofrom"../ui/Logo";
8+
importDarkModeSwitchfrom"../ui/dark-mode-switch";
99
importImagefrom"next/image";
10+
import{DISCORD_URL,GITHUB_URL}from"@/data/meta";
1011

1112
constNAV_ITEMS=[
1213
{name:"Snippets",url:"/snippets"},
@@ -20,12 +21,12 @@ const SOCIAL_ITEMS = [
2021
{
2122
icon:"/github.svg",
2223
name:"GitHub",
23-
url:"https://github.com/quicksnip-dev/quicksnip",
24+
url:GITHUB_URL,
2425
},
2526
{
2627
icon:"/discord.svg",
2728
name:"Discord",
28-
url:"https://discord.com",
29+
url:DISCORD_URL,
2930
},
3031
];
3132

‎src/components/DarkModeSwitch.tsx‎renamed to ‎src/components/ui/dark-mode-switch.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
import{Label}from"./ui/label";
2-
import{Switch}from"./ui/switch";
1+
import{Switch}from"./switch";
32

43
constDarkModeSwitch=()=>{
54
return(
65
<divclassName="flex items-center space-x-2">
76
<Switchid="dark-mode"/>
8-
{/* <Label htmlFor="dark-mode">"Blind me" mode</Label> */}
97
</div>
108
);
119
};
File renamed without changes.

‎src/data/extensions.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,15 @@ export const EXTENSIONS: ExtensionType[] = [
55
icon:"/extensions/raycast.svg",
66
name:"Raycast",
77
description:"Raycast extension for QuickSnip.",
8-
guide_url:"/guide/extensions/raycast",
8+
guide_url:"/guide/extensions/quicksnip-raycast",
99
source_url:"https://github.com",
1010
downloads:3580,
1111
},
1212
{
1313
icon:"/extensions/vscode.svg",
1414
name:"VS Code",
1515
description:"VS Code extension for QuickSnip.",
16-
guide_url:"/guide/extensions/vs-code",
16+
guide_url:"/guide/extensions/quicksnip-vscode",
1717
source_url:"https://github.com",
1818
downloads:8400,
1919
},

‎src/data/meta.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
exportconstGITHUB_URL="https://github.com/quicksnip-dev/quicksnip";
2+
exportconstDISCORD_URL="https://discord.com/invite/Nm5K46yUy5";

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp