优化搜索框样式,来自[keyboardreamer]#62的合并

This commit is contained in:
Sun 2024-01-14 11:49:42 +08:00
commit d151accef9
3 changed files with 10 additions and 6 deletions

View File

@ -171,12 +171,16 @@ onMounted(() => {
<style scoped>
.search-container {
border: 1px solid #ccc;
transition: border-color 0.5s;
transition: box-shadow 0.5s,backdrop-filter 0.5s;
padding: 2px 10px;
backdrop-filter:blur(2px)
}
.focused {
border-color: white;
.focused, .search-container:hover {
box-shadow: 0px 0px 30px -5px rgba(41, 41, 41, 0.45);
-webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.45);
backdrop-filter:blur(5px)
}
.before {

View File

@ -27,7 +27,7 @@
"about": {
"QQGroup": "QQ Group:",
"QR": "QR Code (Recommended)",
"addQQGroupUrl": "Click to add",
"addQQGroupUrl": "Click to join",
"appName": "About",
"author": "Author:",
"checkUpdate": "Check for new version",
@ -89,7 +89,7 @@
},
"uploadsFileManager": {
"alertText": "Here you can manage wallpapers and icons you have uploaded.",
"appName": "Uploads File Management",
"appName": "Upload File Management",
"copyFailed": "Copy failed",
"copyLink": "Copy link",
"copySuccess": "Link copied successfully. You can paste it in the address bar.",

View File

@ -155,7 +155,7 @@ onUnmounted(() => {
@click="handleClickApp(item)"
>
<div
class="bg-white dark:bg-zinc-800 p-[10px] rounded-lg mb-[5px] font-bold cursor-pointer flex items-center"
class="bg-white dark:bg-zinc-800 p-[10px] rounded-lg mb-[5px] font-bold cursor-pointer flex items-center hover:bg-slate-50 focus:bg-slate-50"
>
<div class="flex items-center justify-center">
<div class="text-lg">