Updating

.github/dependabot.yml

@@ -3,27 +3,24 @@ updates:
   - package-ecosystem: 'npm'
     directory: '/'
     schedule:
-      interval: 'weekly'
+      interval: 'daily'
       time: '12:00'
-      day: 'saturday'
       timezone: 'Asia/Taipei'
     open-pull-requests-limit: 10
     versioning-strategy: increase
 
   - package-ecosystem: 'docker'
     directory: '/'
     schedule:
-      interval: 'weekly'
+      interval: 'daily'
       time: '12:00'
-      day: 'saturday'
       timezone: 'Asia/Taipei'
     open-pull-requests-limit: 10
 
   - package-ecosystem: 'github-actions'
     directory: '/'
     schedule:
-      interval: 'weekly'
+      interval: 'daily'
       time: '12:00'
-      day: 'saturday'
       timezone: 'Asia/Taipei'
     open-pull-requests-limit: 10

package.json

@@ -25,18 +25,18 @@
 		"@sveltejs/kit": "^1.15.7",
 		"@typescript-eslint/eslint-plugin": "^5.59.0",
 		"@typescript-eslint/parser": "^5.59.0",
-		"eslint": "^8.38.0",
+		"eslint": "^8.39.0",
 		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"open-cli": "^7.2.0",
-		"prettier": "^2.8.7",
+		"prettier": "^2.8.8",
 		"prettier-plugin-svelte": "^2.10.0",
 		"svelte": "^3.58.0",
 		"svelte-check": "^3.2.0",
 		"svelte-preprocess": "^5.0.3",
 		"tslib": "^2.5.0",
 		"typescript": "^5.0.4",
-		"vite": "^4.2.2",
+		"vite": "^4.3.1",
 		"yarn-upgrade-all": "^0.7.2"
 	},
 	"type": "module",

src/components/NameTitle.svelte

@@ -29,7 +29,12 @@
 	</div>
 {:else if mode == 'nav'}
 	<div class="text-end">
-		<img src="/about-me/profile.jpg" width="160px" alt="profile" class="rounded-circle shadow" />
+		<img
+			src="/about-me/profile.jpg"
+			width="160px"
+			alt="profile"
+			class="img-thumbnail rounded-circle shadow"
+		/>
 	</div>
 	<br />
 	<div class="text-end">

src/components/ViewItemHead.svelte

@@ -7,7 +7,7 @@
 <div class="text-white text-center">
 	<img
 		src={viewItem.imgUrl ? viewItem.imgUrl : '/main/blank.jpg'}
-		class="rounded-5 w-75 p-1 m-1 shadow-sm"
+		class="rounded-5 w-50 pt-1 mt-1 pb-1 mb-1 shadow-sm"
 		alt={viewItem.imgUrl ? viewItem.name : 'blank'}
 	/>
 	<div class="display-6 title p-1 m-1 pt-2 mt-2">

src/routes/+page.svelte

@@ -76,7 +76,7 @@
 
 	const [send, receive] = crossfade({
 		delay: 100,
-		duration: 500,
+		duration: 1000,
 		easing: expoOut
 	});
 
@@ -89,7 +89,7 @@
 <svelte:window bind:innerWidth bind:innerHeight />
 
 {#if ready}
-	<div class="container-sm" in:fly={{ y: 100, duration: 2500, easing: expoOut }}>
+	<div class="container-sm" in:fly={{ y: 100, delay: 100, duration: 2000, easing: expoOut }}>
 		<div class="row p-4 m-4">
 			<!-- nav bar -->
 			{#if selectedViewId != -1}
@@ -194,7 +194,7 @@
 						{#each ViewItems as viewItem (viewItem.id)}
 							<div animate:flip={{ duration: 500, easing: expoOut }}>
 								{#if selectedViewId == viewItem.id}
-									<div in:fade={{ delay: 250, duration: 500, easing: expoOut }}>
+									<div in:fade={{ delay: 100, duration: 500, easing: expoOut }}>
 										<!--sub view head -->
 										<div class="p-2 m-2">
 											<ViewItemHead {viewItem} />