优化搜索框样式,来自[keyboardreamer]#62的合并
This commit is contained in:
commit
d151accef9
@ -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 {
|
||||
|
@ -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.",
|
||||
|
@ -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">
|
||||
|
Loading…
x
Reference in New Issue
Block a user