Mini Kabibi Habibi
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- HTML layout for the info alert plugin -->
<!-- Copyright 2023 Adobe Inc., All Rights reserved -->
<!-- The styles below are set up for the crop fill method info box; you may need custom settings for other formats -->
<style type="text/css">
.info-box {
padding-top: 16px;
border-radius: 4px;
margin-left: 32px;
margin-right: 32px;
}
.infohead {
margin-top: 10px;
margin-bottom: 10px;
}
.closeContainer {
text-align: right;
}
p {
margin-bottom: 15px;
}
</style>
</head>
<body>
<!-- Info Dialogs defined here -->
<dialog open variant="positive" class="info-box" id="cropFillInfo"
width="400" height="320" leftoffset="970" topoffset="100">
<sp-heading class="loc infohead" id="cropFillMethodHeading">Fill options</sp-heading>
<!-- Note for translation: The entire body (including HTML markup) must be part of the translation -->
<sp-body class="loc" id="cropFillMethodInfo">
<p><b>Background (default):</b> Fill the expanded area with your background color or transparent pixels</p>
<p><b>Generative expand:</b> Generate high-quality new content to fill expanded space, with or without a text prompt</p>
<p><b>Content-aware fill:</b> Sample content from part of the image and use it to fill a small area</p>
</sp-body>
<div class="closeContainer">
<sp-button variant="primary" id="cropCloseButton" class="loc closebutton">OK</sp-button>
</div>
</dialog>
<script src="index.js"></script>
</body>
</html>