优化搜索框样式,来自[keyboardreamer]#62的合并
This commit is contained in:
commit
d151accef9
@ -171,12 +171,16 @@ onMounted(() => {
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
.search-container {
|
.search-container {
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
transition: border-color 0.5s;
|
transition: box-shadow 0.5s,backdrop-filter 0.5s;
|
||||||
padding: 2px 10px;
|
padding: 2px 10px;
|
||||||
|
backdrop-filter:blur(2px)
|
||||||
}
|
}
|
||||||
|
|
||||||
.focused {
|
.focused, .search-container:hover {
|
||||||
border-color: white;
|
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 {
|
.before {
|
||||||
|
@ -27,7 +27,7 @@
|
|||||||
"about": {
|
"about": {
|
||||||
"QQGroup": "QQ Group:",
|
"QQGroup": "QQ Group:",
|
||||||
"QR": "QR Code (Recommended)",
|
"QR": "QR Code (Recommended)",
|
||||||
"addQQGroupUrl": "Click to add",
|
"addQQGroupUrl": "Click to join",
|
||||||
"appName": "About",
|
"appName": "About",
|
||||||
"author": "Author:",
|
"author": "Author:",
|
||||||
"checkUpdate": "Check for new version",
|
"checkUpdate": "Check for new version",
|
||||||
@ -89,7 +89,7 @@
|
|||||||
},
|
},
|
||||||
"uploadsFileManager": {
|
"uploadsFileManager": {
|
||||||
"alertText": "Here you can manage wallpapers and icons you have uploaded.",
|
"alertText": "Here you can manage wallpapers and icons you have uploaded.",
|
||||||
"appName": "Uploads File Management",
|
"appName": "Upload File Management",
|
||||||
"copyFailed": "Copy failed",
|
"copyFailed": "Copy failed",
|
||||||
"copyLink": "Copy link",
|
"copyLink": "Copy link",
|
||||||
"copySuccess": "Link copied successfully. You can paste it in the address bar.",
|
"copySuccess": "Link copied successfully. You can paste it in the address bar.",
|
||||||
|
@ -155,7 +155,7 @@ onUnmounted(() => {
|
|||||||
@click="handleClickApp(item)"
|
@click="handleClickApp(item)"
|
||||||
>
|
>
|
||||||
<div
|
<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="flex items-center justify-center">
|
||||||
<div class="text-lg">
|
<div class="text-lg">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user