Skip to content
GitLab
Explore
Projects
Groups
Topics
Snippets
Projects
Groups
Topics
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Project Tinder
Web
Merge requests
!1
Merge iaabramov ndmoiseev
Code
Review changes
Check out branch
Download
Patches
Plain diff
Merged
Абрамов Илья Александрович
requested to merge
iaabramov
into
ndmoiseev-fix
3 months ago
Overview
0
Commits
2
Pipelines
0
Changes
2
0
0
Compare
ndmoiseev-fix
version 1
81fc67b6
3 months ago
ndmoiseev-fix (base)
and
latest version
latest version
483309e3
2 commits,
3 months ago
version 1
81fc67b6
1 commit,
3 months ago
2 files
+
9
−
9
Expand all files
Preferences
Preferences
File browser
List view
Tree view
Compare changes
Inline
Side-by-side
Show whitespace changes
Show one file at a time
Search (e.g. *.vue) (Ctrl+P)
app/projects/page.tsx
+
2
−
2
Options
View file @ 483309e3
Edit in single-file editor
Open in Web IDE
Show full file
@@ -60,11 +60,11 @@ export default function Home(){
return
(
<
Transition
><
main
className
=
"h-full flex justify-center"
>
<
button
id
=
'card'
onClick
=
{
async
()
=>
await
handleClick
(
true
,
card
.
projectid
)
}
className
=
"bg-green-500 hover:text-green-100 hover:bg-green-600 p-2 rounded-md w-[70px]"
>
Like
</
button
>
<
button
id
=
'card'
onClick
=
{
async
()
=>
await
handleClick
(
true
,
card
.
projectid
)
}
className
=
"bg-green-500 hover:text-green-100 hover:bg-green-600
p-0 md:
p-2 rounded-md
w-[50px] md:
w-[70px]"
>
Like
</
button
>
{
<
ProjectCard
projectid
=
{
card
.
projectid
}
projecttype
=
{
'
program
'
}
title
=
{
card
.
title
}
description
=
{
card
.
description
}
tags
=
{
card
.
tags
}
/>
}
{
/* <ProjectCard projectid={306} projecttype="nir" title={t} description={d} tags={tags} /> */
}
<
button
onClick
=
{
async
()
=>
handleClick
(
false
,
card
.
projectid
)
}
className
=
"bg-red-500 hover:text-red-100 hover:bg-red-600 p-2 rounded-md w-[70px]"
>
Dislike
</
button
>
<
button
onClick
=
{
()
=>
handleClick
(
false
,
card
.
projectid
)
}
className
=
"bg-red-500 hover:text-red-100 hover:bg-red-600
p-0 md:
p-2 rounded-md
w-[50px] md:
w-[70px]"
>
Dislike
</
button
>
</
main
></
Transition
>
)
}
app/ui/components/projectcard.tsx
+
7
−
7
Options
View file @ 483309e3
Edit in single-file editor
Open in Web IDE
Show full file
@@ -30,22 +30,22 @@ export default function ProjectCard({
const
tags_list
=
tags
.
split
(
"
,
"
)
return
(
<
div
className
=
"card flex flex-col bg-[#1c1c22] p-5 shadow-sm max-w-[600px] min-h-[700px] min-w-[200px] w-3/5 m-auto rounded-3xl transition md:hover:scale-105"
>
<
div
className
=
"card flex flex-col bg-[#1c1c22]
p-2 md:
p-5 shadow-sm max-w-[600px]
min-h-[450px] md:
min-h-[700px] min-w-[200px]
md:
w-3/5
w-4/6
m-auto rounded-3xl transition md:hover:scale-105"
>
<
div
className
=
"card_header flex justify-between content-center"
>
<
div
className
=
"card_header_number text-[#FF6D00] text-2xl my-auto ml-3"
>
{
projectid
}
</
div
>
<
div
className
=
"card_header_logo"
>
<
div
className
=
"card_header_logo
mr-3
"
>
<
Image
className
=
"card_header_image dark:invert"
alt
=
{
projecttype
}
src
=
{
iconpath
}
width
=
{
48
}
height
=
{
48
}
/>
</
div
>
</
div
>
<
div
className
=
"card_content px-4 py-2 h-full "
>
<
div
className
=
"card_content_name text-xl mb-2"
>
{
title
}
</
div
>
<
div
className
=
"card_content
px-1 md:
px-4 py-2 h-full "
>
<
div
className
=
"card_content_name
text-sm md:
text-xl mb-2"
>
{
title
}
</
div
>
<
hr
/>
<
div
className
=
"card_content_description text-base text-justify mt-2"
>
{
description
}
</
div
>
<
div
className
=
"card_content_description
text-sm md:
text-base text-justify mt-2"
>
{
description
}
</
div
>
</
div
>
<
div
className
=
"h-full"
>
</
div
>
<
div
className
=
"card_tags px-4 py-4 mt-auto bottom-0 text-sm"
>
<
div
className
=
"card_tags
px-1 md:
px-4 py-4 mt-auto bottom-0
md:
text-sm
text-xs
"
>
{
tags_list
.
map
((
tag
)
=>
(
<
div
key
=
{
tag
}
className
=
"inline-flex bg-neutral-700 px-4 py-1 mr-3 mb-1 rounded-full"
>
{
tag
}
</
div
>
<
div
key
=
{
tag
}
className
=
"inline-flex bg-neutral-700 px-4 py-1
mr-1 md:
mr-3 mb-1 rounded-full"
>
{
tag
}
</
div
>
))
}
</
div
>
{
/* <div className="footer flex justify-between m-5">
Menu
Explore
Projects
Groups
Topics
Snippets