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

fix(ui): layout content width

Browse source
This commit is contained in:
Shekar Siri 2023-10-13 17:47:20 +02:00
parent 7fb8ca5e7b
commit e49792f7d2
13 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Assist/AssistView.tsx
View file

@ -5,7 +5,7 @@ import AssistSearchField from './AssistSearchField';
function AssistView() {
return (
<div className="w-full mx-auto" style={{ maxWidth: '1300px'}}>
<div className="w-full mx-auto" style={{ maxWidth: '1360px'}}>
<AssistSearchField />
<LiveSessionSearch />
<div className="my-4" />

2
frontend/app/components/Assist/RecordingsList/Recordings.tsx
View file

@ -28,7 +28,7 @@ function Recordings(props: Props) {
};
return (
<div style={{ maxWidth: '1300px', margin: 'auto' }} className='bg-white rounded py-4 border'>
<div style={{ maxWidth: '1360px', margin: 'auto' }} className='bg-white rounded py-4 border'>
<div className='flex items-center mb-4 justify-between px-6'>
<div className='flex items-baseline mr-3'>
<PageTitle title='Recordings' />

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

@ -52,7 +52,7 @@ export default class Client extends React.PureComponent {
}
} = this.props;
return (
<div className='w-full mx-auto mb-8' style={{ maxWidth: '1300px' }}>
<div className='w-full mx-auto mb-8' style={{ maxWidth: '1360px' }}>
{activeTab && this.renderActiveTab()}
</div>
);

2
frontend/app/components/Dashboard/components/Alerts/AlertsView.tsx
View file

@ -26,7 +26,7 @@ function AlertsView({ siteId }: IAlertsView) {
return unmount;
}, [history]);
return (
<div style={{ maxWidth: '1300px', margin: 'auto'}} className="bg-white rounded py-4 border">
<div style={{ maxWidth: '1360px', margin: 'auto'}} className="bg-white rounded py-4 border">
<div className="flex items-center mb-4 justify-between px-6">
<div className="flex items-baseline mr-3">
<PageTitle title="Alerts" />

2
frontend/app/components/Dashboard/components/DashboardList/DashboardsView.tsx
View file

@ -5,7 +5,7 @@ import Header from './Header';
function DashboardsView({ history, siteId }: { history: any; siteId: string }) {
return (
<div style={{ maxWidth: '1300px', margin: 'auto' }} className="bg-white rounded py-4 border">
<div style={{ maxWidth: '1360px', margin: 'auto' }} className="bg-white rounded py-4 border">
<Header history={history} siteId={siteId} />
<DashboardList />
</div>

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

@ -45,7 +45,7 @@ function DashboardModal(props: Props) {
<div style={{ maxWidth: '85vw' }}>
<div
className="border-r shadow p-4 h-screen"
style={{ backgroundColor: '#FAFAFA', zIndex: 999, width: '100%', maxWidth: '1300px' }}
style={{ backgroundColor: '#FAFAFA', zIndex: 999, width: '100%', maxWidth: '1360px' }}
>
<div className="mb-6 flex items-end justify-between">
<div>

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

@ -75,7 +75,7 @@ function DashboardView(props: Props) {
return (
<Loader loading={loading}>
<div style={{ maxWidth: '1300px', margin: 'auto' }}>
<div style={{ maxWidth: '1360px', margin: 'auto' }}>
{/* @ts-ignore */}
<DashboardHeader renderReport={props.renderReport} siteId={siteId} dashboardId={dashboardId} />

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

@ -9,7 +9,7 @@ interface Props {
}
function MetricsView({ siteId }: Props) {
return useObserver(() => (
<div style={{ maxWidth: '1300px', margin: 'auto' }} className="bg-white rounded pt-4 border">
<div style={{ maxWidth: '1360px', margin: 'auto' }} className="bg-white rounded pt-4 border">
<MetricViewHeader siteId={siteId} />
<MetricsList siteId={siteId} />
</div>

2
frontend/app/components/FFlags/FFlagsList.tsx
View file

@ -21,7 +21,7 @@ function FFlagsList({ siteId }: { siteId: string }) {
return (
<div
className={'mb-5 w-full mx-auto bg-white rounded pb-10 pt-4 widget-wrapper'}
style={{ maxWidth: '1300px' }}
style={{ maxWidth: '1360px' }}
>
<FFlagsListHeader siteId={siteId} />
<div className={'border-y px-3 py-2 mt-2 flex items-center w-full justify-end gap-4'}>

2
frontend/app/components/FFlags/FlagView/FlagView.tsx
View file

@ -47,7 +47,7 @@ function FlagView({ siteId, fflagId }: { siteId: string; fflagId: string }) {
};
return (
<div className={'w-full mx-auto mb-4'} style={{ maxWidth: 1300 }}>
<div className={'w-full mx-auto mb-4'} style={{ maxWidth: '1360px' }}>
<Breadcrumb
items={[
{ label: 'Feature Flags', to: withSiteId(fflags(), siteId) },

4
frontend/app/components/FFlags/NewFFlag/NewFFlag.tsx
View file

@ -34,7 +34,7 @@ function NewFFlag({ siteId, fflagId }: { siteId: string; fflagId?: string }) {
if (featureFlagsStore.isLoading) return <Loader loading={true} />;
if (!current) return (
<div className={'w-full mx-auto mb-4'} style={{ maxWidth: 1300 }}>
<div className={'w-full mx-auto mb-4'} style={{ maxWidth: '1360px' }}>
<Breadcrumb
items={[
{ label: 'Feature Flags', to: withSiteId(fflags(), siteId) },
@ -76,7 +76,7 @@ function NewFFlag({ siteId, fflagId }: { siteId: string; fflagId?: string }) {
const showDescription = Boolean(current.description?.length);
return (
<div className={'w-full mx-auto mb-4'} style={{ maxWidth: 1300 }}>
<div className={'w-full mx-auto mb-4'} style={{ maxWidth: '1360px' }}>
<Prompt
when={current.hasChanged}
message={() => {

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

@ -40,7 +40,7 @@ const Onboarding = (props: Props) => {
<div className="side-menu-margined w-full">
<div
className="bg-white w-full rounded-lg mx-auto mb-8 border"
style={{ maxWidth: '1300px' }}
style={{ maxWidth: '1360px' }}
>
<Switch>
<Route exact strict path={route(OB_TABS.INSTALLING)} component={InstallOpenReplayTab} />

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

@ -30,7 +30,7 @@ function Overview({ match: { params } }: IProps) {
<Switch>
<Route exact strict
path={[withSiteId(sessions(), siteId), withSiteId(notes(), siteId), withSiteId(bookmarks(), siteId)]}>
<div className='mb-5 w-full mx-auto' style={{ maxWidth: '1300px' }}>
<div className='mb-5 w-full mx-auto' style={{ maxWidth: '1360px' }}>
<NoSessionsMessage siteId={siteId} />
<MainSearchBar />
<SessionSearch />