Fix(workspace): Tiny polishing in new workspace homepage (#3737)

* Update member button label

* Adjust padding in trial banner

* Increase gap in empty state

* Fix search placeholder copy
This commit is contained in:
Benjamin Ottensten
2024-12-20 16:34:33 +01:00
committed by GitHub
parent 6fc2d206cf
commit 81f14014d3
3 changed files with 6 additions and 4 deletions
@@ -3,7 +3,7 @@
<template v-if="!hasValidPlan">
<div
v-if="condensed"
class="flex items-center justify-between rounded-md p-2 text-body-3xs font-medium bg-info-lighter text-primary-focus"
class="flex items-center justify-between rounded-md p-2 pl-3 text-body-3xs font-medium bg-info-lighter text-primary-focus"
>
{{ title }}
<FormButton
@@ -32,7 +32,9 @@
<FormTextInput
name="modelsearch"
:show-label="false"
:placeholder="`Search in ${projects?.totalCount} projects...`"
:placeholder="`Search ${projects?.totalCount} ${
projects?.totalCount === 1 ? 'project' : 'projects'
}...`"
:custom-icon="MagnifyingGlassIcon"
color="foundation"
wrapper-classes="w-full lg:w-60"
@@ -46,7 +48,7 @@
<section
v-if="showEmptyState"
class="bg-foundation border border-outline-2 rounded-md h-96 flex flex-col items-center justify-center gap-3"
class="bg-foundation border border-outline-2 rounded-md h-96 flex flex-col items-center justify-center gap-4"
>
<span class="text-body-2xs text-foreground-2 text-center">
Workspace is empty
@@ -78,7 +78,7 @@ const iconClick = computed(() => {
const iconText = computed(() => {
if (!props.isWorkspaceAdmin) return undefined
return 'Edit team'
return 'Manage members'
})
const invitedTeamCount = computed(() => props.workspaceInfo?.invitedTeam?.length ?? 0)