aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorIndrajith K L2024-02-05 04:45:35 +0530
committerIndrajith K L2024-02-05 04:45:35 +0530
commit2d140720fc66c38759cfbd92ee31a8ea7f137831 (patch)
treea8df178058a721d1eac89bed6fc1acf0f139d05d
parentebb535b7406837fbb1b1bc07b09aa4e8991f4005 (diff)
downloadreact-hooks-training-2d140720fc66c38759cfbd92ee31a8ea7f137831.tar.gz
react-hooks-training-2d140720fc66c38759cfbd92ee31a8ea7f137831.tar.bz2
react-hooks-training-2d140720fc66c38759cfbd92ee31a8ea7f137831.zip
Updates Code Block Styling
-rw-r--r--src/slides.svelte16
1 files changed, 8 insertions, 8 deletions
diff --git a/src/slides.svelte b/src/slides.svelte
index c4a3d70..fe5582b 100644
--- a/src/slides.svelte
+++ b/src/slides.svelte
@@ -171,8 +171,8 @@
</Slide>
<Slide on:in={animate} animate>
<p class="font-bold text-6xl mb-4 text-yellow-500">useEffect</p>
- <div class="mx-auto w-[800px]">
- <Code lang="js" lines="1-3|3">
+ <div class="mx-auto">
+ <Code lang="js">
{`
useEffect(() => {
document.title = "Hey There, I'm from useEffect"
@@ -183,7 +183,7 @@
</Slide>
<Slide on:in={animate} animate>
<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">
{`
useEffect(() => {
@@ -196,7 +196,7 @@
</Slide>
<Slide on:in={animate} animate>
<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">
{`
useEffect(() => {
@@ -209,7 +209,7 @@
</Slide>
<Slide on:in={animate} animate>
<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">
{`
useEffect(() => {
@@ -233,7 +233,7 @@
</Slide>
<Slide on:in={animate} animate>
<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">
{`
useEffect(() => {
@@ -245,7 +245,7 @@
</Slide>
<Slide on:in={animate} animate>
<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">
{`
useEffect(() => {
@@ -258,7 +258,7 @@
</Slide>
<Slide on:in={animate} animate>
<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">
{`
useEffect(() => {