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

UI Improvements.

Browse source
This commit is contained in:
Sudheer Salavadi 2024-06-27 23:07:06 +05:30
parent aad75771b3
commit 38ccea4e81
7 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -59,7 +59,7 @@ function DashboardWidgetGrid(props: Props) {
>
<div className="grid gap-4 grid-cols-4 items-start pb-10" id={props.id}>{smallWidgets.length > 0 ? (
<>
<div className="font-semibold text-xl py-4 flex items-center gap-2 col-span-4">
<div className="font-semibold text-xl pt-4 flex items-center gap-2 col-span-4">
<Icon name="grid-horizontal" size={26}/>
Web Vitals
</div>
@ -85,7 +85,7 @@ function DashboardWidgetGrid(props: Props) {
) : null}
{smallWidgets.length > 0 && regularWidgets.length > 0 ? (
<div className="font-semibold text-xl py-4 flex items-center gap-2 col-span-4">
<div className="font-semibold text-xl pt-4 flex items-center gap-2 col-span-4">
<Icon name="grid-horizontal" size={26}/>
All Cards
</div>

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

@ -27,6 +27,8 @@ function WidgetDateRange({
period={period}
onChange={onChangePeriod}
right={true}
isAnt={true}
useButtonStyle={true}
/>
</Space>
);

4
frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
View file

@ -93,9 +93,9 @@ function WidgetWrapperNew(props: Props & RouteComponentProps) {
return (
<Card
className={cn(
'relative group',
'relative group rounded-lg',
'col-span-' + widget.config.col,
{'hover:shadow': !isTemplate && isWidget},
{'hover:shadow-sm': !isTemplate && isWidget},
)}
style={{
userSelect: 'none',

5
frontend/app/components/ForgotPassword/ForgotPassword.tsx
View file

@ -1,6 +1,7 @@
import Copyright from 'Shared/Copyright';
import React from 'react';
import { Form, Input, Loader, Button, Link, Icon, Message } from 'UI';
import { Form, Input, Loader, Link, Icon, Message } from 'UI';
import {Button} from 'antd';
import { login as loginRoute } from 'App/routes';
import { connect } from 'react-redux';
import ResetPassword from './ResetPasswordRequest';
@ -41,7 +42,7 @@ function ForgotPassword(props: Props) {
<div className="flex flex-col items-center justify-center">
<div className="my-8">
<Link to={LOGIN}>
<div className="link">{'Back to Login'}</div>
<Button type="link" >{'Back to Login'}</Button>
</Link>
</div>
</div>

2
frontend/app/components/ForgotPassword/ResetPasswordRequest.tsx
View file

@ -75,7 +75,7 @@ function ResetPasswordRequest(props: Props) {
required
/>
</Form.Field>
<Button type="submit" variant="primary" className="mt-4" loading={loading} disabled={loading}>
<Button type="submit" variant="primary" className="mt-4 rounded-lg" loading={loading} disabled={loading}>
Email password reset link
</Button>
</>

2
frontend/app/components/Login/Login.tsx
View file

@ -141,7 +141,7 @@ const Login: React.FC<LoginProps> = ({errors, loading, authDetails, login, setJw
<div className="px-8 w-full">
<Button
data-test-id={'log-button'}
className="mt-2 w-full text-center"
className="mt-2 w-full text-center rounded-lg"
type="submit"
variant="primary"
>

4
frontend/app/components/ui/Input/Input.tsx
View file

@ -24,7 +24,7 @@ const Input = React.forwardRef((props: Props, ref: any) => {
rows={rows}
style={{ resize: 'none' }}
maxLength={500}
className={cn('p-2 border border-gray-light bg-white w-full rounded', className, { 'pl-10': icon })}
className={cn('p-2 border border-gray-light bg-white w-full rounded-lg', className, { 'pl-10': icon })}
{...rest}
/>
) : (
@ -32,7 +32,7 @@ const Input = React.forwardRef((props: Props, ref: any) => {
ref={ref}
type={type}
style={{ height: `${height}px`, width: width? `${width}px` : '' }}
className={cn('p-2 border border-gray-light bg-white w-full rounded', className, { 'pl-10': icon })}
className={cn('p-2 border border-gray-light bg-white w-full rounded-lg', className, { 'pl-10': icon })}
{...rest}
/>
)}