фикс чата

docker/Dockerfile

@@ -6,6 +6,8 @@ COPY package.json package-lock.json ./
 
 RUN npm install
 
+RUN npx update-browserslist-db@latest
+
 COPY . .
 
 RUN npm run build

package.json

@@ -11,9 +11,9 @@
 		"format": "prettier --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-auto": "^3.2.5",
 		"@sveltejs/adapter-node": "^5.2.0",
-		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/kit": "^2.6.2",
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"@types/node": "^20.11.16",
 		"@types/websocket": "^1.0.10",

src/routes/Header.svelte

@@ -38,9 +38,12 @@
 		</button>
 
 		{#if isOpen }
+			<!-- svelte-ignore a11y-missing-attribute -->
 			<div class="dropdown" in:slide={{ duration: 300, delay: 150 }} out:slide={{ duration:300 }}>
 				<a href="/settings" class="listItem">Настройки</a>
-				<a on:click={handleLogout} class="listItem">Выйти</a>
+				<!-- svelte-ignore a11y-click-events-have-key-events -->
+				<!-- svelte-ignore a11y-no-static-element-interactions -->
+				<button on:click={handleLogout} class="listItem">Выйти</button>
 			</div>
 		{/if}
 	</div>

src/routes/c/+page.svelte

@@ -52,8 +52,6 @@
 
 	onMount(async () => {
 
-		copiedInvitedLinkObj = document.getElementById('copiedInvitedLink')
-
 		token = localStorage.getItem('BPChat')
 
 		const userData = await UserCheck();
@@ -73,7 +71,7 @@
 		async function handleChatUrlChange() {
         	if (window.location.hash.startsWith('#id=')) {
         	    chatId = window.location.hash.slice(4);
-				//console.log(chatId, " chatId")
+				console.log(chatId, " chatId")
 
 				msgLoaded = 0
 
@@ -82,7 +80,7 @@
 				//if(currentChat == undefined){
 				//	window.location.href = '/c'
 				//}
-				console.log(currentChat, " текущий чат")
+				//console.log(currentChat, " текущий чат")
 				pickedChatName = currentChat.chat_name
 				pickedChatImg = currentChat.avatar_image
 
@@ -131,6 +129,7 @@
 			} else {
 				messages = []
 			}
+			copiedInvitedLinkObj = document.getElementById('copiedInvitedLink')
 		}
 		handleChatUrlChange();
 		window.addEventListener('hashchange', handleChatUrlChange);
@@ -438,7 +437,7 @@ let pinOrNot = false
   async function addPersonFunc(){
 	let inviteLink = await GetInviteLink(chatId)
 	navigator.clipboard.writeText(inviteLink)
-	console.log(inviteLink)
+	//console.log(inviteLink)
 	
 	copiedInvitedLinkObj.style.top = '-20%'
 	
@@ -695,7 +694,7 @@ let pinOrNot = false
 		</div>
 	</div>
 		<div>
-			<div class="gradient">
+			<div class="gradient1">
 				{#if pinnedMsg == null}
 					<div class="noMsgDiv">
 						<h2 class="noMsg1">Тут ничего нет</h2>
@@ -754,7 +753,7 @@ let pinOrNot = false
 
 	display: flex;
 	flex-direction: row;
-	z-index: 2;
+	z-index: 4;
 
 }
 
@@ -1400,11 +1399,12 @@ let pinOrNot = false
 }
 .headerDiv{
 	grid-column: span 3;
-	z-index: 2;
+	z-index: 3;
 }
 
-.gradient{
+.gradient,
-	z-index: 2;
+.gradient1{
+	z-index: 5;
 	border: 1px solid transparent;
 		background:
 			linear-gradient(#101010, #101010) padding-box,
@@ -1423,10 +1423,11 @@ let pinOrNot = false
 	position: relative;
 }
 
-.gradient::before{
+.gradient::before,
+.gradient1::before{
 	content: '';
 	position: absolute;
-	background-image: url('./image/noise.png');
+	background-image: url('/image/noise.png');
 	background-repeat: repeat;
 	width: 100%;
 	height: 100%;
@@ -1435,6 +1436,10 @@ let pinOrNot = false
 	pointer-events: none;
 }
 
+.gradient1{
+	z-index: 2;
+}
+
 body{
 	position: relative;
 	width: 100%;

src/routes/settings/+page.svelte

@@ -342,11 +342,6 @@
     }
 }
 
-.cropper-modal {
-    background-color: #101010;
-    opacity: 0.5;
-}
-
 .cropButtonsDiv{
     width: 100%;
 
@@ -489,7 +484,7 @@ button{
 .submitPassword::before{
     content: '';
 	position: absolute;
-	background-image: url('./image/noise.png');
+	background-image: url('/image/noise.png');
 	background-repeat: repeat;
 	width: 100%;
 	height: 100%;
@@ -617,7 +612,7 @@ input {
 .mainDiv::before{
     content: '';
 	position: absolute;
-	background-image: url('./image/noise.png');
+	background-image: url('/image/noise.png');
 	background-repeat: repeat;
 	width: 100%;
 	height: 100%;