Kessinen/Paskajoululeffa25
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Kessinen/Paskajoululeffa25:bae41532015df4baa2db2141cbeb9381dc084c54
Branches Tags
Kessinen/Paskajoululeffa25:main
...
compare: Kessinen/Paskajoululeffa25:628f140d89ad9c373577936b95d0d4eecbbefc25
Branches Tags
Kessinen/Paskajoululeffa25:main
2 Commits
bae4153201 ... 628f140d89
Author SHA1 Message Date
Esa Kataja 628f140d89 style: standardize HSL color syntax to comma-separated format 2025-11-21 15:47:47 +02:00
Esa Kataja 9ffb87475b refactor: use composable for PocketBase instance in gameroom 2025-11-21 15:47:33 +02:00
2 changed files with 8 additions and 9 deletions
Expand all files Collapse all files
app/components/PlayFieldButton.vue
+7 -7
View File
@@ -46,11 +46,11 @@ $button-size: 80px;
padding: 0.4rem; padding: 0.4rem;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border: 1px solid hsl(0 74% 10% / 50%); border: 1px solid hsl(0, 74%, 10%, 0.5);
border-bottom-color: hsl(0 74% 80% / 10%); border-bottom-color: hsl(0, 74%, 80%, 0.1);
border-radius: 0.5rem; border-radius: 0.5rem;
background-image: linear-gradient(to bottom, hsl(0 74% 80%), hsl(0 74% 70%)); background-image: linear-gradient(to bottom, hsl(0, 74%, 80%), hsl(0, 74%, 70%));
box-shadow: inset 3px 3px 0.5rem hsl(0 74% 20%); box-shadow: inset 3px 3px 0.5rem hsl(0, 74%, 20%);
font-size: 0.2rem; font-size: 0.2rem;
overflow: hidden; overflow: hidden;
@@ -70,9 +70,9 @@ $button-size: 80px;
} }
&.pressed { &.pressed {
background-image: linear-gradient(to bottom, hsl(0 74% 80%), hsl(0 74% 70%)); background-image: linear-gradient(to bottom, hsl(0, 74%, 80%), hsl(0, 74%, 70%));
box-shadow: inset 3px 3px 0.5rem hsl(0 74% 20%); box-shadow: inset 3px 3px 0.5rem hsl(0, 74%, 20%);
border: 9px solid hsl(0 74% 10% / 50%); border: 9px solid hsl(0, 74%, 10%, 0.5);
} }
app/pages/gameroom.vue
+1 -2
View File
@@ -1,7 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import PocketBase from 'pocketbase'
const pb = new PocketBase('http://localhost:8090') const { pb } = usePocketbase()
type playfieldButton = { type playfieldButton = {
id: number, id: number,