Skip to content

fix(downloads): adjusted styling to better fit on mobile devices #274

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
MiniDigger merged 2 commits into from
May 15, 2026
Merged

fix(downloads): adjusted styling to better fit on mobile devices #274

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
135c890
fix(downloads): adjusted styling to better fit on mobile devices
darbyjack May 15, 2026
8b355a9
chore(formatting): fixes
darbyjack May 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions src/components/data/SoftwareBuildChanges.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@

{#if rows.length > 0}
{#each rows as row (row.sha)}
<p class="commitMessage overflow-hidden break-words" style="word-wrap: break-word; hyphens: auto;">
<p class="commitMessage min-w-0 overflow-hidden leading-relaxed [overflow-wrap:anywhere] break-words">
<a
class="mr-1 font-mono text-blue-600 dark:text-blue-500"
href={`${getProjectRepository(project, version)}/commit/${row.sha}`}
Expand All @@ -67,12 +67,14 @@
{row.sha.slice(0, 7)}
</a>

<span title={row.fullMessage}>
<span class="min-w-0 [overflow-wrap:anywhere]" title={row.fullMessage}>
{#each row.segments as seg, i (i)}
{#if seg.kind === "text"}
{seg.text}
{:else}
<a class="text-blue-600 dark:text-blue-500" href={seg.url} target="_blank" rel="noreferrer">{seg.text}</a>
<a class="[overflow-wrap:anywhere] text-blue-600 dark:text-blue-500" href={seg.url} target="_blank" rel="noreferrer"
>{seg.text}</a
>
{/if}
{/each}
</span>
Expand Down
23 changes: 16 additions & 7 deletions src/components/data/SoftwareBuilds.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,19 +19,28 @@
}
</script>

<div class="flex flex-col">
<div class="flex min-w-0 flex-col overflow-hidden">
{#if builds}
{#each builds.slice(0, 10) as build, idx (build.id)}
{@const date = new Date(build.time)}
<div>
<div class="flex flex-row items-center rounded-md px-4 py-2 transition-colors hover:bg-gray-200 dark:hover:bg-gray-800">
<div class="min-w-0">
<div
class="flex min-w-0 flex-row items-start rounded-md px-0 py-2 transition-colors hover:bg-gray-200 sm:px-4 dark:hover:bg-gray-800"
>
<a
role="button"
href={build.downloads?.["server:default"]?.url}
target="_blank"
class={`btn mr-4 inline-flex min-w-16 items-center gap-1 rounded-sm p-2 text-center text-sm font-medium ${channelClass(build.channel)}`}
class={`btn mr-3 inline-flex min-w-14 shrink-0 items-center justify-center gap-1 rounded-sm p-2 text-center text-sm font-medium sm:mr-4 sm:min-w-16 ${channelClass(build.channel)}`}
>
<svg xmlns="http://www.w3.org/2000/svg" class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="size-4 shrink-0"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
Expand All @@ -41,11 +50,11 @@
#{build.id}
</a>

<div class="flex min-w-0 flex-1 flex-col text-gray-900 dark:text-gray-200">
<div class="min-w-0 flex-1 overflow-hidden text-gray-900 dark:text-gray-200">
<SoftwareBuildChanges {project} {build} {version} />
</div>

<div class="mt-1 ml-2 hidden text-gray-500 md:block dark:text-gray-300" title={formatISODateTime(date)}>
<div class="mt-1 ml-2 hidden shrink-0 text-gray-500 md:block dark:text-gray-300" title={formatISODateTime(date)}>
{formatRelativeDate(date)}
</div>
</div>
Expand Down
Loading