Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-15 09:11:21 +10:00
Code Issues Packages Projects Releases Wiki Activity

Small fixes (#141)

Browse Source 
* fix: save task as Json rather than string

* fix: pull objects before creating game in database

* fix: strips relative dirs from version information

* fix: #132

* fix: lint

* fix: news object ids and small tweaks

* fix: notification styling errors

* fix: lint
This commit is contained in:
DecDuck
2025-07-20 14:56:15 +10:00
committed by GitHub
parent 661dcf86a8
commit 45848d175e
14 changed files with 57 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/news/[id]/index.vue
View File

@ -1,12 +1,16 @@
<!-- eslint-disable vue/no-v-html -->
<template>
<div>
<div v-if="article" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div v-if="article" class="px-4 sm:px-6 lg:px-8">
<!-- Banner header with blurred background -->
<div class="relative w-full h-[300px] mb-8 rounded-lg overflow-hidden">
<div v-if="article.imageObjectId" class="absolute inset-0">
<div class="absolute inset-0">
<img
:src="useObject(article.imageObjectId)"
:src="
article.imageObjectId
? useObject(article.imageObjectId)
: '/wallpapers/news-placeholder.jpg'
"
alt=""
class="w-full h-full object-cover blur-sm scale-110"
/>
@ -14,12 +18,6 @@
class="absolute inset-0 bg-gradient-to-b from-transparent to-zinc-950"
/>
</div>
<div v-else>
<!-- Fallback gradient background when no image -->
<div
class="absolute inset-0 bg-gradient-to-b from-zinc-800 to-zinc-900"
/>
</div>
<div class="relative h-full flex flex-col justify-end p-8">
<div class="flex items-center gap-x-3 mb-6">
@ -73,7 +71,7 @@
<!-- Article content - markdown -->
<div
class="mx-auto prose prose-invert prose-lg"
class="mx-auto prose prose-blue prose-invert prose-lg"
v-html="renderedContent"
/>
</div>

15
pages/news/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="flex flex-col max-w-4xl mx-auto">
<div class="flex flex-col px-8">
<div class="mb-8">
<div class="flex flex-col gap-y-4">
<div>
@ -14,7 +14,11 @@
</div>
<!-- Articles list -->
<TransitionGroup name="article-list" tag="div" class="space-y-6">
<TransitionGroup
name="article-list"
tag="div"
class="gap-6 grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5"
>
<NuxtLink
v-for="article in articles"
:key="article.id"
@ -26,8 +30,11 @@
>
<div class="relative h-48 w-full overflow-hidden">
<img
v-if="article.imageObjectId"
:src="useObject(article.imageObjectId)"
:src="
article.imageObjectId
? useObject(article.imageObjectId)
: '/wallpapers/news-placeholder.jpg'
"
alt=""
class="h-full w-full object-cover object-center transition-all duration-500 group-hover:scale-110 scale-105"
/>