marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

small ui fixes

Browse Source
This commit is contained in:
Marco Crapts
2023-06-03 23:04:57 +02:00
parent 33f23f838d
commit cd807d7ff0
4 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
package-lock.json generated
View File

@@ -33,7 +33,7 @@
"@vueuse/core": "^10.1.2",
"crypto-js": "^4.1.1",
"cytoscape": "^3.25.0",
"daisyui": "^3.0.0",
"daisyui": "^3.0.2",
"date-fns": "^2.29.3",
"dompurify": "^3.0.2",
"file-saver": "^2.0.5",
@@ -4812,9 +4812,9 @@
}
},
"node_modules/daisyui": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.0.tgz",
"integrity": "sha512-EuNK9JQd5yrPLDynAPQkG/29vjZXFWhBK4HXvM83d9oJU0EmF35UNLLs0cslBFfLK4b+bOuhgoYPJ4BjytOxNQ==",
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.2.tgz",
"integrity": "sha512-0X+0PkgTIWevt5m4AZCCgvqI5pKRormTEhdfmc31dwfLNq6uY4wENCXAtcXzZMKt7JBKcVTWlj/uDrOjj6XpUQ==",
"dependencies": {
"colord": "^2.9",
"css-selector-tokenizer": "^0.8",
@@ -16776,9 +16776,9 @@
}
},
"daisyui": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.0.tgz",
"integrity": "sha512-EuNK9JQd5yrPLDynAPQkG/29vjZXFWhBK4HXvM83d9oJU0EmF35UNLLs0cslBFfLK4b+bOuhgoYPJ4BjytOxNQ==",
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.2.tgz",
"integrity": "sha512-0X+0PkgTIWevt5m4AZCCgvqI5pKRormTEhdfmc31dwfLNq6uY4wENCXAtcXzZMKt7JBKcVTWlj/uDrOjj6XpUQ==",
"requires": {
"colord": "^2.9",
"css-selector-tokenizer": "^0.8",

2
package.json
View File

@@ -40,7 +40,7 @@
"@vueuse/core": "^10.1.2",
"crypto-js": "^4.1.1",
"cytoscape": "^3.25.0",
"daisyui": "^3.0.0",
"daisyui": "^3.0.2",
"date-fns": "^2.29.3",
"dompurify": "^3.0.2",
"file-saver": "^2.0.5",

15
src/components/TopBar.vue
View File

@@ -86,19 +86,22 @@ const handleSignIn = async (close: () => Promise<boolean>) => {
</div>
</div>
</template>
<style lang="scss">
<style lang="scss" scoped>
#logo {
@apply cursor-pointer transition-all duration-200 hover:text-primary;
}
@media (hover: hover) and (pointer: fine) {
#logo:hover {
text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
}
}
// @media (hover: hover) and (pointer: fine) {
// #logo:hover {
// text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
// }
// }
#logo:active {
text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
}
.topbar-button {
&:active {
@apply border-white bg-white text-primary
}
@apply hover:border-white hover:bg-white hover:text-primary focus-visible:outline-white;
}

8
src/components/TopBar/Settings.vue
View File

@@ -17,3 +17,11 @@ import { OnClickOutside } from '@vueuse/components'
</UIDropdown>
</OnClickOutside>
</template>
<style scoped lang="scss">
.topbar-button {
&:focus-within {
@apply border-white bg-white text-primary;
}
@apply hover:border-white hover:bg-white hover:text-primary focus-visible:outline-white;
}
</style>