Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions apps/typegpu-docs/src/components/Videos.astro
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@ const videos = [
title="YouTube video player"
class={video.iframeClassName ?? ''}
frameborder="0"
credentialless
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -82,8 +82,8 @@ export default function HoverExampleIsland({

<div
ref={rootRef}
data-live={isHydrated && isGPUSupported}
className="backdrop-blur absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 ease-out group-hover:data-[live=true]:opacity-100"
data-visible={isHydrated && isGPUSupported && isActive}
className="backdrop-blur absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300 ease-out data-[visible=true]:opacity-100"
>
<WebGPUErrorBoundary fallback={<></>}>
{isHydrated && isGPUSupported && isActive ? liveComponent : null}
Expand Down
7 changes: 7 additions & 0 deletions apps/typegpu-docs/src/env.d.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,10 @@
// oxlint-disable typescript/triple-slash-reference
/// <reference path="../.astro/types.d.ts" />
/// <reference types="astro/client" />

namespace astroHTML.JSX {
interface IframeHTMLAttributes {
// This attribute exists
credentialless?: boolean | undefined;
}
}
4 changes: 2 additions & 2 deletions apps/typegpu-docs/src/pages/new/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -23,14 +23,14 @@ import SecondaryButton from '../../components/SecondaryButton.astro';
edgeAwareOverscroll
>
<div
class="flex flex-col items-center text-blue-950 transition-colors duration-300 dark:text-gray-100"
class="isolate flex flex-col items-center text-blue-950 transition-colors duration-300 dark:text-gray-100"
>
<main class="self-stretch">
<div
class="pointer-events-none absolute inset-x-0 top-0 box-border flex items-center justify-end overflow-hidden md:justify-center"
>
<div
class="flex translate-x-[50%] -translate-y-[25%] justify-end sm:translate-x-[40%] sm:-translate-y-[15%] md:w-full md:max-w-214 md:translate-x-[20%] md:translate-y-0 lg:max-w-[960px]"
class="-z-20 flex translate-x-[50%] -translate-y-[25%] justify-end sm:translate-x-[40%] sm:-translate-y-[15%] md:w-full md:max-w-214 md:translate-x-[20%] md:translate-y-0 lg:max-w-[960px]"
>
<HeroEffect client:only="react" />
</div>
Expand Down
Loading