From 26aa84a26c557dcf5f48b22bcfa82e88efb78ade Mon Sep 17 00:00:00 2001
From: Anda Toshiki <101481353+andatoshiki@users.noreply.github.com>
Date: Thu, 9 May 2024 18:38:47 -0700
Subject: [PATCH] fix(style): change all preexisiting image container tag to
 smart figure vue composable & add line break classifiers preset to force clip
 the ending continuities of text in notification components in new line rather
 than proceeding that causes container overflow

---
 src/components/Blog/Notification.vue     | 2 +-
 src/content/blog/proxy4shell-terminal.md | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Blog/Notification.vue b/src/components/Blog/Notification.vue
index 825f768..b505f7e 100755
--- a/src/components/Blog/Notification.vue
+++ b/src/components/Blog/Notification.vue
@@ -26,7 +26,7 @@ export default Vue.extend({
 </script>
 
 <template>
-    <div class="notification flex flex-col md:(items-center flex-row) gap-x-4 gap-y-2" :class="type">
+    <div class="notification flex flex-col md:(items-center flex-row) gap-x-4 gap-y-2 break-all" :class="type">
         <span class="text-xl md:text-lg">{{ getIcon }}</span>
 
         <div>
diff --git a/src/content/blog/proxy4shell-terminal.md b/src/content/blog/proxy4shell-terminal.md
index 7bcaed6..fc9582d 100644
--- a/src/content/blog/proxy4shell-terminal.md
+++ b/src/content/blog/proxy4shell-terminal.md
@@ -193,9 +193,7 @@ Before we start, quoting from one of the answer from [AskUbuntu](https://askubun
 
 A terminal provides a command-line interface that allows users to send commands and receive responses from network applications, facilitating communication and control over a network connection. It acts as a mediator between the user and the network applications, enabling the user to send instructions and receive information, but not a proxy client.
 
-<p align="center">
-<img src="https://r2.toshiki.dev/image/toshiki-home-nuxt/acbf5e6cfe64a045af608dece77cf628.png" class="w-40 rounded" align="center">
-</p>
+<smart-figure src="https://r2.toshiki.dev/image/toshiki-home-nuxt/acbf5e6cfe64a045af608dece77cf628.png" image-class="w-30"></smart-figure>
 
 Done with the technical talkings, now let's dive into the actual configuration process of the shell. Other than simply inputting a host IP and a port followed, the following formats are the default configuration for a proxy server with HTTP connection protocol, follow the exact same process as described based on your shell type, modify the fields with the following,