Skip to content
Snippets Groups Projects
Commit a77969cd authored by Richard Fernando Heise Ferreira's avatar Richard Fernando Heise Ferreira
Browse files

Merge branch 'issue-349/FIX-mobile-embed-resources' into 'develop'

Issue #349: FIX mobile embed resources

See merge request !319
parents caaae2e8 a280fe6d
No related branches found
No related tags found
1 merge request!319Issue #349: FIX mobile embed resources
Pipeline #42560 passed
......@@ -31,22 +31,24 @@ export default function Embed({ open, onClose, learningObject }) {
onClose={onClose}
className="flex justify-center place-items-center m-6"
>
<div className="flex flex-col bg-ice-HC-dark p-6 rounded-lg outline outline-1 outline-ice-HC-white">
<div className="flex justify-center text-xl font-bold text-darkGray-HC-white m-5">Recurso Incorporado</div>
<div className="flex flex-col bg-ice-HC-dark p-6 max-md:p-0 rounded-lg outline outline-1 outline-ice-HC-white max-sm:p-[30px] max-sm:px-[20%]">
<div className="flex justify-center text-xl font-bold text-darkGray-HC-white m-5 items-center">Recurso Incorporado</div>
<div className="flex flex-row justify-center">
<div className="flex flex-row ">
<div className="flex max-md:justify-center max-lg:hidden">
<ResourcePreview learningObject={learningObject} setSource={setSource} />
<div className="flex w-[600px] items-center text-darkGray-HC-white justify-center m-5 outline outline-1 outline-darkGray-HC-white rounded-lg p-5">
</div>
<div className="flex w-[450px] max-md:w-[450px] max-sm:hidden items-center text-darkGray-HC-white justify-center m-5 outline outline-1 outline-darkGray-HC-white rounded-lg p-[50px] ">
{iframe}
</div>
</div>
<div className="flex flex-col p-3 justify-end">
<div className="flex text-base font-bold text-darkGray-HC-white justify-end">
<div className="flex text-base font-bold text-darkGray-HC-white justify-end max-md:justify-center">
<Button
disableElevation
variant="outlined"
className="border text-lg normal-case text-darkGray-HC-white hover:bg-darkGray-HC-white hover:text-white-HC-dark border-lightGray-HC-white"
className="border text-lg normal-case text-darkGray-HC-white-underline hover:bg-darkGray-HC-white hover:text-white-HC-dark border-lightGray-HC-white"
onClick={() => {
navigator.clipboard.writeText(iframe);
setCopied(true);
......
......@@ -46,7 +46,7 @@ export default function ShareModal({ open, onClose, learningObject, title, type,
}}
>
<div>
<div className="flex flex-col bg-ice-HC-dark p-6 rounded-lg items-center outline outline-1 outline-ice-HC-white">
<div className="flex flex-col bg-ice-HC-dark p-6 rounded-lg items-center outline outline-1 outline-ice-HC-white max-sm:">
<div className="text-xl font-bold text-darkGray-HC-white">{title}</div>
<div className="p-3 mt-2 flex flex-col sm:flex-row">
<div className='flex flex-wrap gap-4 justify-center'>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment