Textfield doesn't scretch out of screen anymore

This commit is contained in:
2023-06-20 13:30:02 +02:00
parent b33d20fc91
commit 40d4a790b4
2 changed files with 4 additions and 4 deletions

View File

@@ -6,7 +6,7 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
</script> </script>
<template> <template>
<div id="layout" class="flex bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950"> <div id="layout" class="flex h-screen bg-gradient-to-r from-white to-blue-200 dark:from-slate-800 dark:to-indigo-950">
<SidebarComponent /> <SidebarComponent />
<div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md"> <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
<RouterView></RouterView> <RouterView></RouterView>

View File

@@ -128,8 +128,8 @@ function clear() {
<button class="tool-button" @click="process">Process</button> <button class="tool-button" @click="process">Process</button>
</div> </div>
</div> </div>
<div class="text-field overflow-scroll"> <div class="text-field overflow-scroll h-full w-full">
<pre class="break-words"><code>{{ result }}</code></pre> <pre class="whitespace-pre-wrap"><code>{{ result }}</code></pre>
</div> </div>
</div> </div>