Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 06:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Separated the individual layout icon from the rest of the icons

Browse source
This commit is contained in:
Manoj Vivek 2023-06-16 11:55:03 +05:30
parent c6d31e1f54
commit 6349bfc5a4
1 changed files with 44 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
desktop-app/src/renderer/components/Previewer/Device/Toolbar.tsx
View file

@ -123,48 +123,52 @@ const Toolbar = ({
};
return (
<div className="my-1 flex items-center gap-1">
<Button
onClick={quickScreenshot}
isLoading={screenshotLoading}
title="Quick Screenshot"
>
<div className="relative h-4 w-4">
<div className="flex items-center justify-between gap-1">
<div className="my-1 flex items-center gap-1">
<Button
onClick={quickScreenshot}
isLoading={screenshotLoading}
title="Quick Screenshot"
>
<div className="relative h-4 w-4">
<Icon
icon="ic:outline-photo-camera"
className="absolute top-0 left-0"
/>
<Icon
icon="clarity:lightning-solid"
className="absolute top-[-1px] right-[-2px]"
height={8}
/>
</div>
</Button>
<Button
onClick={fullScreenshot}
isLoading={fullScreenshotLoading}
title="Full Page Screenshot"
>
<Icon icon="ic:outline-photo-camera" />
</Button>
<Button
onClick={toggleEventMirroring}
isActive={eventMirroringOff}
title="Disable Event Mirroring"
>
<Icon icon="fluent:plug-disconnected-24-regular" />
</Button>
<Button onClick={openDevTools} title="Open Devtools">
<Icon icon="ic:round-code" />
</Button>
<Button onClick={rotate} isActive={rotated} title="Rotate This Device">
<Icon
icon="ic:outline-photo-camera"
className="absolute top-0 left-0"
icon={
rotated
? 'mdi:phone-rotate-portrait'
: 'mdi:phone-rotate-landscape'
}
/>
<Icon
icon="clarity:lightning-solid"
className="absolute top-[-1px] right-[-2px]"
height={8}
/>
</div>
</Button>
<Button
onClick={fullScreenshot}
isLoading={fullScreenshotLoading}
title="Full Page Screenshot"
>
<Icon icon="ic:outline-photo-camera" />
</Button>
<Button
onClick={toggleEventMirroring}
isActive={eventMirroringOff}
title="Disable Event Mirroring"
>
<Icon icon="fluent:plug-disconnected-24-regular" />
</Button>
<Button onClick={openDevTools} title="Open Devtools">
<Icon icon="ic:round-code" />
</Button>
<Button onClick={rotate} isActive={rotated} title="Rotate This Device">
<Icon
icon={
rotated ? 'mdi:phone-rotate-portrait' : 'mdi:phone-rotate-landscape'
}
/>
</Button>
</Button>
</div>
<Button
onClick={() => onIndividualLayoutHandler(device)}
title={`${isIndividualLayout ? 'Disable' : 'Enable'} Individual Layout`}