Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 00:49:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 143

add gif for end user migration (#11795)

Browse source 
add gif for end user migration experience in UI
This commit is contained in:
Gabriel Hernandez 2023-05-19 14:31:36 +01:00 committed by GitHub
parent f3e44b8e1a
commit dbd754119b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/mdm-migration-preview.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 MiB

8
frontend/pages/admin/IntegrationsPage/cards/MdmSettings/components/EndUserMigrationSection/EndUserMigrationSection.tsx
View file

@ -18,6 +18,8 @@ import EmptyTable from "components/EmptyTable/EmptyTable";
import ExampleWebhookUrlPayloadModal from "../ExampleWebhookUrlPayloadModal/ExampleWebhookUrlPayloadModal";
import MdmMigrationPreview from "../../../../../../../../assets/images/mdm-migration-preview.gif";
const baseClass = "end-user-migration-section";
const VOLUNTARY_MODE_DESCRIPTION =
@ -141,7 +143,11 @@ const EndUserMigrationSection = ({ router }: IEndUserMigrationSectionProps) => {
enrolled to your old MDM solution.
</p>
<img src="" alt="end user migration preview" />
<img
src={MdmMigrationPreview}
alt="end user migration preview"
className={`${baseClass}__migration-preview`}
/>
<form>
<Slider
value={formData.isEnabled}

4
frontend/pages/admin/IntegrationsPage/cards/MdmSettings/components/EndUserMigrationSection/_styles.scss
View file

@ -5,7 +5,9 @@
margin-top: 0;
}
img {
&__migration-preview {
width: 100%;
margin-top: $pad-large;
margin-bottom: $pad-xxlarge;
}