jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): no content styles globally

Browse source
This commit is contained in:
Shekar Siri 2023-06-13 14:25:30 +02:00
parent 39d1f1278c
commit 5d766b7e2d
21 changed files with 26 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Assist/components/SessionList/SessionList.tsx
View file

@ -39,8 +39,8 @@ function SessionList(props: Props) {
title={
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_LIVE_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">No live sessions found.</div>
<div className="mt-4" />
<div className="text-center">No live sessions found.</div>
</div>
}
>

2
frontend/app/components/Client/Audit/AuditList/AuditList.tsx
View file

@ -38,7 +38,7 @@ function AuditList(props: Props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_AUDIT_TRAIL} size={80} />
<div className="text-center text-gray-600 my-4">No data available</div>
<div className="text-center my-4">No data available</div>
</div>
}
size="small"

2
frontend/app/components/Client/CustomFields/CustomFields.js
View file

@ -92,7 +92,7 @@ function CustomFields(props) {
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_METADATA} size={170} />
{/* <div className="mt-4" /> */}
<div className="text-center text-gray-600 my-4">None added yet</div>
<div className="text-center my-4">None added yet</div>
</div>
}
size="small"

2
frontend/app/components/Client/Sites/Sites.js
View file

@ -78,7 +78,7 @@ class Sites extends React.PureComponent {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_PROJECTS} size={170} />
<div className="text-center text-gray-600 my-4">No matching results.</div>
<div className="text-center my-4">No matching results.</div>
</div>
}
size="small"

2
frontend/app/components/Client/Users/components/UserList/UserList.tsx
View file

@ -46,7 +46,7 @@ function UserList(props: Props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_AUDIT_TRAIL} size={80} />
<div className="text-center text-gray-600 my-4">No matching results.</div>
<div className="text-center my-4">No matching results.</div>
</div>
}
size="small"

2
frontend/app/components/Client/Webhooks/Webhooks.tsx
View file

@ -60,7 +60,7 @@ function Webhooks() {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_WEBHOOKS} size={170} />
<div className="text-center text-gray-600 my-4">None added yet</div>
<div className="text-center my-4">None added yet</div>
</div>
}
size="small"

4
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricTableSessions/CustomMetricTableSessions.tsx
View file

@ -27,8 +27,8 @@ function CustomMetricTableSessions(props: Props) {
title={
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">
<div className="mt-4" />
<div className="text-center">
No relevant sessions found for the selected time period.
</div>
</div>

4
frontend/app/components/Dashboard/components/Alerts/AlertsList.tsx
View file

@ -39,11 +39,9 @@ function AlertsList({ siteId }: Props) {
<div className="text-center mt-4">
{alertsSearch !== '' ? 'No matching results' : "You haven't created any alerts yet"}
</div>
<div className="text-sm color-gray-medium font-normal">
Alerts helps your team stay up to date with the activity on your app.
</div>
</div>
}
subtext="Alerts helps your team stay up to date with the activity on your app."
>
<div className="mt-3 border-b">
<div className="grid grid-cols-12 py-2 font-medium px-6">

4
frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
View file

@ -21,11 +21,9 @@ function DashboardList() {
<div className="text-center mt-4">
{dashboardsSearch !== '' ? 'No matching results' : "You haven't created any dashboards yet"}
</div>
<div className="text-sm color-gray-medium font-normal">
A Dashboard is a collection of Cards that can be shared across teams.
</div>
</div>
}
subtext="A Dashboard is a collection of Cards that can be shared across teams."
>
<div className="mt-3 border-b">
<div className="grid grid-cols-12 py-2 font-medium px-6">

2
frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
View file

@ -40,7 +40,7 @@ function DashboardWidgetGrid(props: Props) {
title={
<div className="bg-white rounded">
<div className="border-b p-5">
<div className="text-2xl font-normal color-gray-darkest">
<div className="text-2xl font-normal">
There are no cards in this dashboard
</div>
<div className="text-base font-normal">

2
frontend/app/components/Dashboard/components/Funnels/FunnelIssuesList/FunnelIssuesList.tsx
View file

@ -46,7 +46,7 @@ function FunnelIssuesList(props: RouteComponentProps<Props>) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_ISSUES} size="170" />
<div className="mt-3 text-xl">No issues found</div>
<div className="mt-4">No issues found</div>
</div>
}
>

4
frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
View file

@ -57,11 +57,9 @@ function MetricsList({
<div className="text-center mt-4">
{metricsSearch !== '' ? 'No matching results' : "You haven't created any cards yet"}
</div>
<div className="text-sm color-gray-medium font-normal">
Create cards to capture key interactions and track KPIs.
</div>
</div>
}
subtext="Create cards to capture key interactions and track KPIs."
>
{listView ? (
<ListView

4
frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx
View file

@ -140,8 +140,8 @@ function WidgetSessions(props: Props) {
title={
<div className="flex items-center justify-center flex-col">
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">
<div className="mt-4" />
<div className="text-center">
No relevant sessions found for the selected time period.
</div>
</div>

2
frontend/app/components/Dashboard/components/WidgetView/WidgetView.tsx
View file

@ -91,7 +91,7 @@ function WidgetView(props: Props) {
title={
<div className="flex flex-col items-center justify-between">
<AnimatedSVG name={ICONS.EMPTY_STATE} size={100} />
<div className="mt-6 text-2xl">Metric not found!</div>
<div className="mt-4">Metric not found!</div>
</div>
}
>

2
frontend/app/components/Errors/Error/ErrorInfo.js
View file

@ -71,7 +71,7 @@ export default class ErrorInfo extends React.PureComponent {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.EMPTY_STATE} size="170" />
<div className="mt-6 text-2xl">No Error Found!</div>
<div className="mt-4">No Error Found!</div>
</div>
}
subtext="Please try to find existing one."

2
frontend/app/components/Funnels/FunnelIssues/FunnelIssues.js
View file

@ -46,7 +46,7 @@ function FunnelIssues(props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-6 text-2xl">No Issues Found!</div>
<div className="mt-4">No Issues Found!</div>
</div>
}
subtext="Please try changing your search parameters."

2
frontend/app/components/Funnels/FunnelSessionList/FunnelSessionList.js
View file

@ -32,7 +32,7 @@ function FunnelSessionList(props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-6 text-2xl">No recordings found!</div>
<div className="mt-4">No recordings found!</div>
</div>
}
subtext="Please try changing your search parameters."

4
frontend/app/components/Session_/Fetch/FetchDetails.js
View file

@ -45,7 +45,7 @@ export default class FetchDetails extends React.PureComponent {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-6 text-2xl">Body is Empty.</div>
<div className="mt-4">Body is Empty.</div>
</div>
}
size="small"
@ -69,7 +69,7 @@ export default class FetchDetails extends React.PureComponent {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-6 text-2xl">Body is Empty.</div>
<div className="mt-4">Body is Empty.</div>
</div>
}
size="small"

2
frontend/app/components/Session_/Fetch/components/Headers/Headers.tsx
View file

@ -10,7 +10,7 @@ function Headers(props) {
title={
<div className="flex flex-col items-center justify-center">
<AnimatedSVG name={ICONS.NO_RESULTS} size="170" />
<div className="mt-6 text-2xl">No data available.</div>
<div className="mt-4">No data available.</div>
</div>
}
size="small"

2
frontend/app/components/shared/SessionListContainer/components/Notes/NoteList.tsx
View file

@ -23,7 +23,7 @@ function NotesList({ members }: { members: Array<Record<string, any>> }) {
<div className="flex flex-col items-center justify-center">
{/* <Icon name="no-dashboard" size={80} color="figmaColors-accent-secondary" /> */}
<AnimatedSVG name={ICONS.NO_NOTES} size={180} />
<div className="text-center text-gray-600 mt-4">No notes yet.</div>
<div className="text-center mt-4">No notes yet.</div>
</div>
}
subtext={

4
frontend/app/components/shared/UserSessionsModal/UserSessionsModal.tsx
View file

@ -62,8 +62,8 @@ function UserSessionsModal(props: Props) {
<NoContent show={data.sessions.length === 0} title={
<div>
<AnimatedSVG name={ICONS.NO_SESSIONS} size={170} />
<div className="mt-2" />
<div className="text-center text-gray-600">No recordings found.</div>
<div className="mt-4" />
<div className="text-center">No recordings found.</div>
</div>
}>
<div className="border rounded m-5 overflow-y-auto" style={{ maxHeight: 'calc(100vh - 85px)'}}>