Code formatting

feat/redesign-head
Kamran Ahmed 3 months ago
parent 16d4ef44d2
commit 379d05b2d0
  1. 12
      src/components/FrameRenderer/FrameRenderer.astro

@ -1,8 +1,8 @@
--- ---
import Loader from '../Loader.astro'; import Loader from '../Loader.astro';
import './FrameRenderer.css'; import './FrameRenderer.css';
import { Spinner } from "../ReactIcons/Spinner"; import { Spinner } from '../ReactIcons/Spinner';
import { ProgressNudge } from "./ProgressNudge"; import { ProgressNudge } from './ProgressNudge';
export interface Props { export interface Props {
resourceType: 'roadmap' | 'best-practice'; resourceType: 'roadmap' | 'best-practice';
@ -17,7 +17,7 @@ const { resourceId, resourceType, dimensions = null } = Astro.props;
--- ---
<div <div
class="mt-3.5" class='mt-3.5'
id='resource-svg-wrap' id='resource-svg-wrap'
style={dimensions style={dimensions
? `--aspect-ratio:${dimensions.width}/${dimensions.height}` ? `--aspect-ratio:${dimensions.width}/${dimensions.height}`
@ -30,6 +30,10 @@ const { resourceId, resourceType, dimensions = null } = Astro.props;
</div> </div>
</div> </div>
<ProgressNudge resourceId={resourceId} resourceType={resourceType} client:only="react" /> <ProgressNudge
resourceId={resourceId}
resourceType={resourceType}
client:only='react'
/>
<script src='./renderer.ts'></script> <script src='./renderer.ts'></script>

Loading…
Cancel
Save