chore(client): 🎨

src/client/pages/page-editor/page-editor.vue

@@ -86,7 +86,7 @@
 import Vue from 'vue';
 import * as XDraggable from 'vuedraggable';
 import "prismjs";
-import "prismjs/themes/prism.css";
+import 'prismjs/themes/prism-okaidia.css';
 import PrismEditor from 'vue-prism-editor';
 import { faICursor, faPlus, faMagic, faCog, faCode, faExternalLinkSquareAlt } from '@fortawesome/free-solid-svg-icons';
 import { faSave, faStickyNote, faTrashAlt } from '@fortawesome/free-regular-svg-icons';

src/client/pages/page.vue

@@ -118,12 +118,20 @@ export default Vue.extend({
 
 <style lang="scss" scoped>
 .xcukqgmh {
-	> ._card > .banner {
-		> img {
-			display: block;
-			width: 100%;
-			height: 120px;
-			object-fit: cover;
+	> ._card {
+		> .banner {
+			> img {
+				display: block;
+				width: 100%;
+				height: 120px;
+				object-fit: cover;
+			}
+		}
+
+		> ._footer {
+			> * {
+				margin: 0 0.5em;
+			}
 		}
 	}
 }

src/client/pages/scratchpad.vue

@@ -25,7 +25,7 @@
 import Vue from 'vue';
 import { faTerminal, faPlay } from '@fortawesome/free-solid-svg-icons';
 import "prismjs";
-import "prismjs/themes/prism.css";
+import 'prismjs/themes/prism-okaidia.css';
 import PrismEditor from 'vue-prism-editor';
 import { AiScript, parse, utils, values } from '@syuilo/aiscript';
 import i18n from '../i18n';