medlogic
/
olivetin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Upgraded femtocrank to fix dark mode styles

This commit is contained in:
jamesread 2025-10-26 01:10:43 +01:00
parent ef5a67e7b8
commit 02ec8eeb65
6 changed files with 27 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/main.js
View File

@ -1,6 +1,7 @@
'use strict'
import 'femtocrank/style.css'
import 'femtocrank/dark.css'
import './style.css'
import 'iconify-icon'

16
frontend/package-lock.json generated
View File

@ -17,7 +17,7 @@
"@xterm/addon-fit": "^0.10.0",
"@xterm/xterm": "^5.5.0",
"iconify-icon": "^3.0.2",
"picocrank": "^1.6.3",
"picocrank": "^1.6.4",
"unplugin-vue-components": "^30.0.0",
"vite": "^7.1.12",
"vue-router": "^4.6.3"
@ -1643,9 +1643,9 @@
}
},
"node_modules/femtocrank": {
"version": "2.4.3",
"resolved": "https://registry.npmjs.org/femtocrank/-/femtocrank-2.4.3.tgz",
"integrity": "sha512-rBuvg5NmG5YzfsHSCIwiNTO3RQlFdDLggLTvNw4u+vUkcRIU0OEFZpG2zyADEofXM9Ntsxzbn8jTf3i5iPwRgw==",
"version": "2.4.4",
"resolved": "https://registry.npmjs.org/femtocrank/-/femtocrank-2.4.4.tgz",
"integrity": "sha512-MG0s8QPivocTXCElfqvLCW0m9uRGlCauoyRr3obEu8mz7/s1LsUs46b29Xdn4DQpdu3eagWYj6rkuVqEO6g4TQ==",
"license": "AGPL-3.0"
},
"node_modules/fill-range": {
@ -2362,15 +2362,15 @@
"license": "ISC"
},
"node_modules/picocrank": {
"version": "1.6.3",
"resolved": "https://registry.npmjs.org/picocrank/-/picocrank-1.6.3.tgz",
"integrity": "sha512-uPFwirsgpEULwjyU2O68KRENJL8gN5Qb8om/f62y0MkSbEDGbbKoDNneeSXxsdn5POfgMno6v2AE0Z9gpUIpfw==",
"version": "1.6.4",
"resolved": "https://registry.npmjs.org/picocrank/-/picocrank-1.6.4.tgz",
"integrity": "sha512-zD1wnkoUDAXZOUs9zKqS4rqz9mljeqFwM7QWx4ykXJsmH6iOLAIKh2AVlxa384oeXJXIWM9VLiySEnhQZmQmjA==",
"license": "ISC",
"dependencies": {
"@hugeicons/core-free-icons": "^1.0.16",
"@hugeicons/vue": "^1.0.3",
"@vitejs/plugin-vue": "^6.0.1",
"femtocrank": "^2.4.3",
"femtocrank": "^2.4.4",
"unplugin-vue-components": "^29.0.0",
"vite": "^7.1.3",
"vue": "^3.5.19",

16
frontend/resources/vue/ActionButton.vue
View File

@ -293,4 +293,20 @@ watch(
top: 0;
}
@media (prefers-color-scheme: dark) {
.action-button button {
background: #111;
border-color: #000;
box-shadow: 0 0 6px #000;
color: #fff;
}
.action-button button:hover:not(:disabled) {
background: #222;
border-color: #000;
box-shadow: 0 0 6px #444;
color: #fff;
}
}
</style>

7
frontend/resources/vue/App.vue
View File

@ -35,9 +35,8 @@
<footer title="footer" v-if="showFooter && !initError">
<p>
<img title="application icon" src="../../OliveTinLogo.png" alt="OliveTin logo" height="1em"
class="logo" />
OliveTin 3000!
<img title="application icon" :src="logoUrl" alt="OliveTin logo" style="height: 1em;" class="logo" />
OliveTin {{ currentVersion }}
</p>
<p>
<span>
@ -49,8 +48,6 @@
GitHub</a>
</span>
<span>{{ currentVersion }}</span>
<span>{{ serverConnection }}</span>
</p>
<p>

2
frontend/resources/vue/views/LogsListView.vue
View File

@ -161,7 +161,6 @@ onMounted(() => {
display: flex;
align-items: center;
gap: 0.5rem;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 0.5rem;
@ -183,7 +182,6 @@ onMounted(() => {
}
.input-with-icons button:hover:not(:disabled) {
background: #f5f5f5;
}
.input-with-icons button:disabled {

32
frontend/style.css
View File

@ -21,34 +21,10 @@ main {
padding-top: 4em;
}
action-button {
display: flex;
flex-direction: column;
flex-grow: 1;
}
action-button > button {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
font-weight: normal;
font-size: 0.85em;
box-shadow: 0 0 .6em #aaa;
}
action-button > button .icon {
font-size: 3em;
}
dialog {
border-radius: 1em;
}
footer span {
margin-right: 1em;
}
legend {
font-weight: bold;
text-align: center;
@ -92,14 +68,6 @@ div.buttons button svg {
vertical-align: middle;
}
footer {
font-size: small;
}
th {
background-color: #fff;
}
section.small {
border-radius: .4em;
}