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

2
package.json
View File

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

15
src/components/TopBar.vue
View File

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