Apply unresponsive styling for Title

ryuheechul · ryuheechul · commit de3f3468a6d6 · 2023-06-13T17:40:25.000-07:00
diff --git a/src/components/app/Title.astro b/src/components/app/Title.astro
@@ -7,7 +7,7 @@ const { title } = Astro.props;
   data-stuck-small
   class="sticky -top-1 z-30 h-0 opacity-0 transtion-duration-300 transition-opacity"
 >
-  <h5 class="absolute mt-5 text-sm ml-30">
+  <h5 class="absolute mt-5 text-sm ml-80 lg:ml-30 w-70 lg:w-120 truncate lt-sm:hidden">
     {title}
   </h5>
 </div>

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ const { title } = Astro.props;`
`7`	`7`	`data-stuck-small`
`8`	`8`	`class="sticky -top-1 z-30 h-0 opacity-0 transtion-duration-300 transition-opacity"`
`9`	`9`	`>`
`10`		`- <h5 class="absolute mt-5 text-sm ml-30">`
	`10`	`+ <h5 class="absolute mt-5 text-sm ml-80 lg:ml-30 w-70 lg:w-120 truncate lt-sm:hidden">`
`11`	`11`	`{title}`
`12`	`12`	`</h5>`
`13`	`13`	`</div>`