change journey cart

master
Amir Hossein Moghiseh 2022-03-20 00:09:53 +03:30
parent 59a88824cb
commit e84b420184
4 changed files with 19 additions and 6 deletions

View File

@ -1,4 +1,4 @@
import { Launch } from '@material-ui/icons';
type Props = {
title: string,
description: string,
@ -12,8 +12,16 @@ type Props = {
const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {
return (
<div className="w-52 bg-dark-primary rounded-md flex flex-col p-3 my-2 mx-3">
<h3 className="text-2xl font-bold bg-gold text-dark-primary rounded-lg px-1 py-2">{title}</h3>
<div className="w-full bg-dark-primary rounded-md flex flex-col p-3 my-4 mx-3">
<h3 className="text-2xl font-bold bg-gold text-dark-primary rounded-lg px-1 py-2">
{title}
{
isLunched &&
<a href={url} target="_blank" rel="noreferrer" className='relative'>
<Launch fontSize='small' />
</a>
}
</h3>
<p className="text-secondary opacity-80 text-sm text-left px-1 my-2">{description}</p>
<div className="flex flex-row flex-wrap ">
{tags.map((tag, i) => (
@ -22,6 +30,9 @@ const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {
</p>
))}
</div>
<p className="text-secondary opacity-60 text-xs text-left px-1 mt-1 mb-0">
built and designed at <strong className="opacity-80 text-sm" >{year}</strong>
</p>
</div>
)
}

View File

@ -1,3 +1,4 @@
import Footer from "@/Footer";
import GoBack from "@/GoBack";
import type { NextPage } from "next";
import Head from "next/head";
@ -5,7 +6,7 @@ import Head from "next/head";
const PageLayout: NextPage = ({ children }) => {
return (
<div className="w-screen bg-dark-primary p-5">
<div className="w- bg-dark-primary p-5">
<Head>
<title>Amirmoghi3 | امیرحسین مقیسه</title>
<meta name="description" content="amir hossein moghiseh personal page" />
@ -14,6 +15,7 @@ const PageLayout: NextPage = ({ children }) => {
<main className='bg-light-primary w-full'>
<GoBack />
{children}
{/* <Footer /> */}
</main>
</div>
)

View File

@ -1,6 +1,6 @@
{
"name": "amirmoghi3",
"version": "1.0.2",
"version": "1.0.3",
"private": true,
"scripts": {
"dev": "next dev",

View File

@ -388,7 +388,7 @@ const Resume: NextPage = () => {
</div>
</div> */}
<div className="flex flex-row flex-wrap ">
<div className="flex flex-row flex-wrap ">
{projects.map(project => (
<Journey key={project.title} title={project.title} tags={project.tags} description={project.description} year={project.year} url={project.url} isLunched={project.isLunched} />
))}