props.group.projects.slice(0, shownProjectsCount.value))
@@ -41,7 +41,7 @@ const shownProjects = computed(() => props.group.projects.slice(0, shownProjects
/>
@@ -79,6 +79,8 @@ const shownProjects = computed(() => props.group.projects.slice(0, shownProjects
text="12px lg:14px"
leading="24px lg:32px"
font-bold
+ pt-16px
+ pb-24px
text-app-text-grey
@click="shownProjectsCount += 15"
>
diff --git a/components/Project/ProjectGridGroupSort.vue b/components/Project/ProjectGridGroupSort.vue
index 4dc38df..034c5a0 100644
--- a/components/Project/ProjectGridGroupSort.vue
+++ b/components/Project/ProjectGridGroupSort.vue
@@ -34,6 +34,8 @@ const cardTitles = ref< { label: string, sortKey: string, togglable?: boolean }[
mb-16px
>
Project name
@@ -87,6 +91,9 @@ const cardTitles = ref< { label: string, sortKey: string, togglable?: boolean }[
text="12px lg:14px "
leading="16px lg:24px"
whitespace-nowrap
+ hover="text-app-white"
+ transition-all
+ duration-250
>
{{ title.label }}
diff --git a/components/Project/ProjectHeading.vue b/components/Project/ProjectHeading.vue
index 93dd145..3fda35c 100644
--- a/components/Project/ProjectHeading.vue
+++ b/components/Project/ProjectHeading.vue
@@ -45,7 +45,6 @@ const logo = props.project?.logos?.at(0)?.url
relative
>
@@ -84,7 +83,7 @@ const logo = props.project?.logos?.at(0)?.url
items-center
lg:items-start
justify-between
- gap-y="lg:12px 24px"
+ gap-y="12px"
text-app-text-grey
w-full
>
@@ -127,6 +126,8 @@ const logo = props.project?.logos?.at(0)?.url
Usecases:
@@ -142,6 +143,8 @@ const logo = props.project?.logos?.at(0)?.url
order-3
lg:order-2
w-full
+ md:ml-0px
+ ml-18px
>
{{ rating.name }}:
@@ -246,7 +252,7 @@ const logo = props.project?.logos?.at(0)?.url
text="16px lg:24px app-white"
leading="24px md:32px"
max-h-="32px md:40px"
- max-w="84px"
+ max-w="md:84px 64px"
w-full
h-full
font-700
diff --git a/components/Project/ProjectOpeness.vue b/components/Project/ProjectOpeness.vue
index 779dd61..73a3d4e 100644
--- a/components/Project/ProjectOpeness.vue
+++ b/components/Project/ProjectOpeness.vue
@@ -74,8 +74,11 @@ defineProps<{
>
Assets used
-
- {{ project.assets_used?.map((a) => a.toUpperCase()).join(', ') }}
+
+ {{ project.assets_used ? project.assets_used?.map((a) => a.toUpperCase()).join(', ') : 'N/A' }}
@@ -86,7 +89,10 @@ defineProps<{
>
Native token
-
+
{{ project.tokens?.length ? project.tokens[0]?.name : 'N/A' }}
@@ -98,8 +104,11 @@ defineProps<{
>
Project launch day
-
- {{ project.product_launch_day || 'N/A'}}
+
+ {{ project.product_launch_day || 'N/A' }}