Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed:quickstart page responsiveness #95

Merged
merged 9 commits into from
Oct 21, 2024
Merged

fixed:quickstart page responsiveness #95

Changes from 7 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
aaecced
fixed:quickstart page responsiveness
ajmalrazaqbhatti Oct 19, 2024
e6ce20f
updated:flex to grid
ajmalrazaqbhatti Oct 19, 2024
a7974f9
format
ajmalrazaqbhatti Oct 19, 2024
5a1034d
updated:playwright/test version
ajmalrazaqbhatti Oct 19, 2024
8830e5a
Update package.json
ajmalrazaqbhatti Oct 19, 2024
e0335a4
Merge branch 'tscircuit:main' into main
ajmalrazaqbhatti Oct 19, 2024
689854f
Merge branch 'tscircuit:main' into main
ajmalrazaqbhatti Oct 21, 2024
2cd8cdc
upadted:col-3 to col-4 & quickstart-page snapshots
ajmalrazaqbhatti Oct 21, 2024
af1d2a4
format
ajmalrazaqbhatti Oct 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 10 additions & 6 deletions src/pages/quickstart.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export const QuickstartPage = () => {
{isLoading ? (
<div>Loading...</div>
) : (
<div className="grid grid-cols-4 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4">

{mySnippets?.slice(0, 6).map((snippet) => (
<Link
key={snippet.snippet_id}
Expand All @@ -73,14 +73,16 @@ export const QuickstartPage = () => {

<div className="mb-8">
<h2 className="text-xl font-semibold mb-4">Start Blank Snippet</h2>
<div className="grid grid-cols-4 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4">

{blankTemplates.map((template, index) => (
<Link
key={index}
href={
template.disabled
? "#"
: `/editor?template=${template.name.toLowerCase().replace(/ /g, "-")}`
: `/editor?template=${template.name
.toLowerCase()
.replace(/ /g, "-")}`
}
>
<Card
Expand All @@ -103,7 +105,7 @@ export const QuickstartPage = () => {

<div className="mt-12">
<h2 className="text-xl font-semibold mb-4">Import as Snippet</h2>
<div className="grid grid-cols-3 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
{[
{ name: "KiCad Footprint", type: "footprint" },
{ name: "KiCad Project", type: "board" },
Expand Down Expand Up @@ -159,11 +161,13 @@ export const QuickstartPage = () => {
<h2 className="text-xl font-semibold mb-4 mt-12">
Start from a Template
</h2>
<div className="grid grid-cols-3 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4">

{templates.map((template, index) => (
<Link
key={index}
href={`/editor?template=${template.name.toLowerCase().replace(/ /g, "-")}`}
href={`/editor?template=${template.name
.toLowerCase()
.replace(/ /g, "-")}`}
>
<Card className="hover:shadow-md transition-shadow rounded-md">
<CardHeader className="p-4">
Expand Down
Loading