diff --git a/web/src/assets/css/luma.styl b/web/src/assets/css/luma.styl index 450e0af5..9dd30236 100644 --- a/web/src/assets/css/luma.styl +++ b/web/src/assets/css/luma.styl @@ -147,7 +147,8 @@ padding 10px 15px border-radius 10px cursor pointer - margin-bottom 10px + margin-bottom 20px + background: var(--chat-bg); diff --git a/web/src/views/Dalle.vue b/web/src/views/Dalle.vue index 05f9aad1..2b760335 100644 --- a/web/src/views/Dalle.vue +++ b/web/src/views/Dalle.vue @@ -309,7 +309,7 @@ const previewURL = ref(""); const store = useSharedStore(); const resizeElement = function () { - listBoxHeight.value = window.innerHeight - 90; + listBoxHeight.value = window.innerHeight - 58; // paramBoxHeight.value = window.innerHeight - 110 }; resizeElement(); diff --git a/web/src/views/ImagesWall.vue b/web/src/views/ImagesWall.vue index b1e56b19..474af3be 100644 --- a/web/src/views/ImagesWall.vue +++ b/web/src/views/ImagesWall.vue @@ -172,13 +172,13 @@ diff --git a/web/src/views/Suno.vue b/web/src/views/Suno.vue index 4be312bf..1c3bc311 100644 --- a/web/src/views/Suno.vue +++ b/web/src/views/Suno.vue @@ -411,7 +411,9 @@ import Compressor from "compressorjs"; import Generating from "@/components/ui/Generating.vue"; import { useSharedStore } from "@/store/sharedata"; -const winHeight = ref(window.innerHeight - 50); +// const winHeight = ref(window.innerHeight - 50); +const winHeight = ref(window.innerHeight - 20); + const custom = ref(false); const models = ref([ { label: "v3.0", value: "chirp-v3-0" },