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

More UI improvements

Browse source
This commit is contained in:
Sudheer Salavadi 2024-07-09 16:26:53 +05:30
parent 84af2c5250
commit b1b95496d8
5 changed files with 8 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/app/components/Onboarding/components/SideMenu.tsx
View file

@ -44,7 +44,6 @@ function SideMenu(props: Props) {
>
<Menu.Item
key={OB_TABS.INSTALLING}
style={{ paddingLeft: 0 }}
icon={
<Icon
name="tools"
@ -58,7 +57,6 @@ function SideMenu(props: Props) {
</Menu.Item>
<Menu.Item
key={OB_TABS.IDENTIFY_USERS}
style={{ paddingLeft: 0 }}
icon={
<Icon
name="person-border"
@ -72,7 +70,6 @@ function SideMenu(props: Props) {
</Menu.Item>
<Menu.Item
key={OB_TABS.MANAGE_USERS}
style={{ paddingLeft: 0 }}
icon={
<Icon
name="people"
@ -86,7 +83,6 @@ function SideMenu(props: Props) {
</Menu.Item>
<Menu.Item
key={OB_TABS.INTEGRATIONS}
style={{ paddingLeft: 0 }}
icon={
<Icon
name="plug"
@ -101,7 +97,6 @@ function SideMenu(props: Props) {
<Divider style={{ margin: '6px 0' }} />
<Menu.Item
key={'support'}
style={{ paddingLeft: 0 }}
icon={
<Icon
name="question-circle"

2
frontend/app/components/Session/Player/MobilePlayer/MobilePlayerSubheader.tsx
View file

@ -24,7 +24,7 @@ function SubHeader(props: any) {
return (
<>
<div className="w-full px-4 flex items-center border-b relative">
<Tag color="error">{props.isIOS ? 'iOS' : 'ANDROID'} BETA</Tag>
<Tag color="green" bordered={false} className='rounded-full'>{props.isIOS ? 'iOS' : 'Android'} BETA</Tag>
<div
className="ml-auto text-sm flex items-center color-gray-medium gap-2"
style={{ width: 'max-content' }}

2
frontend/app/components/shared/SessionSearch/SessionSearch.tsx
View file

@ -113,7 +113,7 @@ function SessionSearch(props: Props) {
<div className="border bg-white rounded-lg mt-4">
<div className="p-5">
{aiFiltersStore.isLoading ? (
<div className={'font-semibold flex items-center gap-2'}>
<div className={'font-semibold flex items-center gap-2 mb-2'}>
<AnimatedSVG name={ICONS.LOADER} size={18} />
<span>Translating your query into search steps...</span>
</div>

4
frontend/app/components/shared/SessionSearchField/AiSessionSearchField.tsx
View file

@ -146,7 +146,7 @@ const AiSearchField = observer(
value={searchQuery}
style={{ minWidth: 360, height: 30 }}
autoComplete="off"
className="px-2 py-1 text-lg placeholder-lg !border-0 rounded-e-full nofocus"
className="px-2 py-1 pe-9 text-lg placeholder-lg !border-0 rounded-e-full nofocus"
leadingButton={
searchQuery !== '' ? (
<div
@ -189,7 +189,7 @@ function AiSessionSearchField(props: Props) {
? gradientBox
: isFocused ? regularBoxFocused : regularBoxUnfocused;
return (
<div className={'bg-white rounded-full'}>
<div className={'bg-white rounded-full shadow-sm'}>
<div
className={aiFiltersStore.isLoading ? 'animate-bg-spin' : ''}
style={boxStyle}

7
frontend/app/layout/SupportModal.tsx
View file

@ -22,9 +22,10 @@ function SupportModal(props: Props) {
width={400}
onClose={onClose}
closable={false}
className='!bg-stone-50'
>
<div className="flex flex-col items-center gap-2">
<div className="border p-3 bg-white flex rounded">
<div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-50">
<div className="shrink-0 w-10 mt-2">
<Icon name="bookmark" size={18} />
</div>
@ -55,7 +56,7 @@ function SupportModal(props: Props) {
</div>
</div>
<div className="border p-3 bg-white flex rounded">
<div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-50">
<div className="shrink-0 w-10 mt-2">
<Icon name="slack" size={18} />
</div>
@ -85,7 +86,7 @@ function SupportModal(props: Props) {
</div>
</div>
<div className="border p-3 bg-white flex rounded">
<div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-50">
<div className="shrink-0 w-10 mt-2">
<Icon name="github" size={18} />
</div>