File tree Expand file tree Collapse file tree 7 files changed +9
-9
lines changed Expand file tree Collapse file tree 7 files changed +9
-9
lines changed Original file line number Diff line number Diff line change @@ -849,7 +849,7 @@ function ExampleLayout({
849
849
{ overlayStyles . map ( ( styles , i ) => (
850
850
< div
851
851
key = { i }
852
- className = "inset-x -0 bg-blue-30/5 border-2 border-link dark:border-link-dark absolute rounded-lg"
852
+ className = "top-0 start -0 bg-blue-30/5 border-2 border-link dark:border-link-dark absolute rounded-lg"
853
853
style = { styles }
854
854
/>
855
855
) ) }
Original file line number Diff line number Diff line change @@ -31,7 +31,7 @@ export function SidebarButton({
31
31
} ) } >
32
32
< button
33
33
className = { cn (
34
- 'p-2 pe-2 ps-5 w-full rounded-s -lg text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between' ,
34
+ 'p-2 pe-2 ps-5 w-full rounded-e -lg text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between' ,
35
35
{
36
36
'p-2 text-base' : level > 1 ,
37
37
'text-link bg-highlight dark:bg-highlight-dark text-base font-bold hover:bg-highlight dark:hover:bg-highlight-dark hover:text-link dark:hover:text-link-dark' :
Original file line number Diff line number Diff line change @@ -58,7 +58,7 @@ export function SidebarLink({
58
58
passHref
59
59
aria-current = { selected ? 'page' : undefined }
60
60
className = { cn (
61
- 'p-2 pe-2 w-full rounded-none lg:rounded-s -2xl text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between' ,
61
+ 'p-2 pe-2 w-full rounded-none lg:rounded-e -2xl text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between' ,
62
62
{
63
63
'text-sm ps-6' : level > 0 ,
64
64
'ps-5' : level < 2 ,
@@ -78,7 +78,7 @@ export function SidebarLink({
78
78
{ canary && (
79
79
< IconCanary
80
80
title = "This feature is available in the latest Canary"
81
- className = "ml -2 text-gray-30 dark:text-gray-60 inline-block w-4 h-4 align-[-3px]"
81
+ className = "ms -2 text-gray-30 dark:text-gray-60 inline-block w-4 h-4 align-[-3px]"
82
82
/>
83
83
) }
84
84
</ div >
Original file line number Diff line number Diff line change @@ -11,7 +11,7 @@ export const OpenInCodeSandboxButton = () => {
11
11
className = "text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ms-2 md:ms-1"
12
12
title = "Open in CodeSandbox" >
13
13
< IconNewPage
14
- className = "inline ms-1 me -1 relative top-[1px]"
14
+ className = "inline mx -1 relative top-[1px]"
15
15
width = "1em"
16
16
height = "1em"
17
17
/>
Original file line number Diff line number Diff line change @@ -16,7 +16,7 @@ export const OpenInTypeScriptPlaygroundButton = (props: {content: string}) => {
16
16
target = "_blank"
17
17
rel = "noreferrer" >
18
18
< IconNewPage
19
- className = "inline ml-1 mr -1 relative top-[1px]"
19
+ className = "inline mx -1 relative top-[1px]"
20
20
width = "1em"
21
21
height = "1em"
22
22
/>
Original file line number Diff line number Diff line change @@ -15,7 +15,7 @@ export function ResetButton({onReset}: ResetButtonProps) {
15
15
onClick = { onReset }
16
16
title = "Reset Sandbox"
17
17
type = "button" >
18
- < IconRestart className = "inline ms-1 me -1 relative" /> Reset
18
+ < IconRestart className = "inline mx -1 relative" /> Reset
19
19
</ button >
20
20
) ;
21
21
}
Original file line number Diff line number Diff line change @@ -35,13 +35,13 @@ function PageHeading({
35
35
{ canary && (
36
36
< IconCanary
37
37
title = "This feature is available in the latest Canary"
38
- className = "ml -4 mt-1 text-gray-50 dark:text-gray-40 inline-block w-6 h-6 align-[-1px]"
38
+ className = "ms -4 mt-1 text-gray-50 dark:text-gray-40 inline-block w-6 h-6 align-[-1px]"
39
39
/>
40
40
) }
41
41
{ status ? < em > —{ status } </ em > : '' }
42
42
</ H1 >
43
43
{ description && (
44
- < p className = "mt-4 mb-6 dark:text-primary-dark text-xl text-gray-90 leading-large" >
44
+ < p className = "mt-4 mb-6 dark:text-primary-dark text-xl text-primary leading-large" >
45
45
{ description }
46
46
</ p >
47
47
) }
You can’t perform that action at this time.
0 commit comments