set fixed window size

diff --cc package.json
index 899e611621f3c24b75865dff23cff4d19fca5b8e,899e611621f3c24b75865dff23cff4d19fca5b8e..03c666902a36957178c8405025d3309c62f69ee9
--- 1/package.json
--- 2/package.json
+++ b/package.json
@@@ -1,5 -1,5 +1,5 @@@
  {
--  "name": "crimata-electron",
++  "name": "crimata-messenger",
    "version": "0.1.0",
    "private": true,
    "scripts": {
@@@ -11,7 -11,7 +11,7 @@@
      "electron:build": "vue-cli-service electron:build",
      "electron:serve": "vue-cli-service electron:serve",
      "postinstall": "electron-builder install-app-deps",
--    "postuninstall": "electron-builder install-app-deps"
++    "postuninstal": "electron-builder install-app-deps"
    },
    "main": "background.js",
    "dependencies": {

diff --cc src/background.ts
index 9eec2fce2bd119ac7cef699060e3e2432d04d1f7,9eec2fce2bd119ac7cef699060e3e2432d04d1f7..c14b71f57959264f853c01a7b44b56728ee824f9
--- 1/src/background.ts
--- 2/src/background.ts
+++ b/src/background.ts
@@@ -33,8 -33,8 +33,9 @@@ protocol.registerSchemesAsPrivileged(
  function createWindow() {
    // Create the browser window.
    win = new BrowserWindow({
--    width: 650,
--    height: 1200,
++    width: 350,
++    height: 525,
++    resizable: false,
      webPreferences: {
        // Use pluginOptions.nodeIntegration, leave this alone
        // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
@@@ -47,7 -47,7 +48,7 @@@
    if (process.env.WEBPACK_DEV_SERVER_URL) {
      // Load the url of the dev server if in development mode
      win.loadURL(process.env.WEBPACK_DEV_SERVER_URL as string);
--    if (!process.env.IS_TEST) win.webContents.openDevTools();
++    // if (!process.env.IS_TEST) win.webContents.openDevTools();
    } else {
      createProtocol("app");
      // Load the index.html when not in development

diff --cc src/components/AI/index.vue
index eed2b0a9d6992c361ba9b1b943e89abf40be9fa8,eed2b0a9d6992c361ba9b1b943e89abf40be9fa8..87a2aa06f6f5bf9c34c036c074b28f2f682cf096
--- 1/src/components/AI/index.vue
--- 2/src/components/AI/index.vue
+++ b/src/components/AI/index.vue
@@@ -26,7 -26,7 +26,6 @@@
        data-name="Rectangle 410"
        width="350"
        height="500"
--      rx="20"
        fill="url(#radial-gradient)"
      />
    </g>

diff --cc src/components/UI/UIDetails/inputItem.vue
index 94201854f30b5c05575afa7c13ca084478084f83,94201854f30b5c05575afa7c13ca084478084f83..693f1df8ac364a282f3757602605303d4e95abc3
--- 1/src/components/UI/UIDetails/inputItem.vue
--- 2/src/components/UI/UIDetails/inputItem.vue
+++ b/src/components/UI/UIDetails/inputItem.vue
@@@ -91,7 -91,7 +91,7 @@@ div[contenteditable] 
    border: 0;
    border-radius: 20px;
    color: #fff;
--  background-color: #61b4f4;
++  background-color: #585858;
    font-size: 14;
    text-align: left;
    p {

diff --cc src/components/UI/index.vue
index 01333065f99644e3823d23a719b5721f642f2ba8,01333065f99644e3823d23a719b5721f642f2ba8..d1e5655de516dfaf5a9ea41532ee409b91372895
--- 1/src/components/UI/index.vue
--- 2/src/components/UI/index.vue
+++ b/src/components/UI/index.vue
@@@ -9,7 -9,7 +9,7 @@@
      <AI />
      <MessageRenderer />
      <InputItem />
--    <TitleBar />
++    <!-- <TitleBar /> -->
    </svg>
  </template>
  
@@@ -54,6 -54,6 +54,6 @@@ export default defineComponent(
    height: 500px;
    background-color: #e6e6e6;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
--  border-radius: 20px;
++  // border-radius: 20px;
  }
  </style>

diff --cc src/composables/messageItem/useMessageItemComp.ts
index 903854914c30b1e20cf5fb05523fdbf6643554e4,903854914c30b1e20cf5fb05523fdbf6643554e4..341cc3fc5160bad1c33509172a91480a9d4290d3
--- 1/src/composables/messageItem/useMessageItemComp.ts
--- 2/src/composables/messageItem/useMessageItemComp.ts
+++ b/src/composables/messageItem/useMessageItemComp.ts
@@@ -33,10 -33,10 +33,10 @@@ export default function useMessageItemC
  
    const textFill = computed(() => {
      switch (m) {
--      case "fr":
--        return "#000";
--      default:
++      case "sf":
          return "#fff";
++      default:
++        return "#000";
      }
    });
  
@@@ -45,7 -45,7 +45,7 @@@
        case "sf":
          return "#61b4f4";
        case "ai":
--        return "#585858";
++        return "#DDDDDD";
        default:
          return "#fff";
      }

diff --cc src/composables/messageRenderer/useOffsetCalculator.ts
index e0436c702a0ef1aa9d8ec49fe1c5d2c6fd3ffeca,e0436c702a0ef1aa9d8ec49fe1c5d2c6fd3ffeca..dcbbe20bdbff74a3c57083f35db0ea5fc1e43dc4
--- 1/src/composables/messageRenderer/useOffsetCalculator.ts
--- 2/src/composables/messageRenderer/useOffsetCalculator.ts
+++ b/src/composables/messageRenderer/useOffsetCalculator.ts
@@@ -23,8 -23,8 +23,8 @@@ export default function useOffsetCalcul
  
      const calculateMessageOffsets = (msg: HTMLElement) => {
          const msgRect = msg.getBoundingClientRect();
--        setXoffset(msg)
--        setYoffset(msgRect.height)
++        setXoffset(msg);
++        setYoffset(msgRect.height);
          const offsets = {
              x: xOffset.value as number,
              y: yOffset.value as number