iframe blocktype toegevoegd [#00033]

This commit is contained in:
NH Gooi
2024-10-03 19:32:44 +02:00
parent 8616cb3d56
commit 58ea5c0c85
2 changed files with 25 additions and 3 deletions

11
public/css/style.css vendored
View File

@@ -1664,9 +1664,14 @@ a, a:hover, a:active {
} }
.podcast-player .content { .podcast-player .content {
border: solid 1px #333; border: solid 1px #333;
border-radius: 5px; border-radius: 5px;
padding: 0.4rem; padding: 0.4rem;
}
.article-iframe {
width: 100%;
aspect-ratio: 1;
} }
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

View File

@@ -140,5 +140,22 @@
</ul> </ul>
</div> </div>
</div> </div>
@elseif($block->type == 'iframe')
<iframe src="{{ $block->url }}" class="article-iframe" id="{{ $id = uniqid('iframe_') }}"></iframe>
<style>
@if(isset($block->ratio))
#{{ $id }}.article-iframe {
aspect-ratio: {{ str_replace(":", "/", $block->ratio) }};
}
@endif
@if(isset($block->ratioMobile))
@media (max-width: 768px) {
#{{ $id }}.article-iframe {
aspect-ratio: {{ str_replace(":", "/", $block->ratioMobile) }};
}
}
@endif
</style>
@endif @endif
@endforeach @endforeach