indrajith/react-hooks-training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates Code Block Styling

Browse Source
This commit is contained in:
Indrajith K L
2024-02-05 04:45:35 +05:30
parent ebb535b740
commit 2d140720fc
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/slides.svelte
View File

@@ -171,8 +171,8 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="1-3|3"> <Code lang="js">
{` {`
useEffect(() => { useEffect(() => {
document.title = "Hey There, I'm from useEffect" document.title = "Hey There, I'm from useEffect"
@@ -183,7 +183,7 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="3-4"> <Code lang="js" lines="3-4">
{` {`
useEffect(() => { useEffect(() => {
@@ -196,7 +196,7 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="3-4"> <Code lang="js" lines="3-4">
{` {`
useEffect(() => { useEffect(() => {
@@ -209,7 +209,7 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="3-4"> <Code lang="js" lines="3-4">
{` {`
useEffect(() => { useEffect(() => {
@@ -233,7 +233,7 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="3-4"> <Code lang="js" lines="3-4">
{` {`
useEffect(() => { useEffect(() => {
@@ -245,7 +245,7 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="3-4"> <Code lang="js" lines="3-4">
{` {`
useEffect(() => { useEffect(() => {
@@ -258,7 +258,7 @@
</Slide> </Slide>
<Slide on:in={animate} animate> <Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p> <p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
<div class="mx-auto w-[800px]"> <div class="mx-auto">
<Code lang="js" lines="4-6"> <Code lang="js" lines="4-6">
{` {`
useEffect(() => { useEffect(() => {