style(settings): mobile views for general settings

This commit is contained in:
Sam Chau
2026-01-29 00:59:51 +10:30
parent 03958a29ad
commit 5720bd6d3c
7 changed files with 11 additions and 11 deletions

View File

@@ -12,8 +12,8 @@
<div class="p-8">
<div class="mb-8">
<h1 class="text-3xl font-bold text-neutral-900 dark:text-neutral-50">General Settings</h1>
<p class="mt-3 text-lg text-neutral-600 dark:text-neutral-400">
<h1 class="text-2xl font-bold text-neutral-900 md:text-3xl dark:text-neutral-50">General Settings</h1>
<p class="mt-3 text-base text-neutral-600 md:text-lg dark:text-neutral-400">
Configure general application settings and preferences
</p>
</div>

View File

@@ -30,7 +30,7 @@
>
<!-- Header -->
<div class="border-b border-neutral-200 px-6 py-4 dark:border-neutral-800">
<h2 class="text-xl font-semibold text-neutral-900 dark:text-neutral-50">AI Configuration</h2>
<h2 class="text-lg font-semibold text-neutral-900 md:text-xl dark:text-neutral-50">AI Configuration</h2>
<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">
Configure AI-powered features like commit message generation. Works with OpenAI, Ollama, LM
Studio, or any OpenAI-compatible API.
@@ -161,7 +161,7 @@
<!-- Action buttons -->
<div
class="mt-6 flex items-center justify-between border-t border-neutral-200 pt-6 dark:border-neutral-800"
class="mt-6 flex flex-col gap-3 border-t border-neutral-200 pt-6 md:flex-row md:items-center md:justify-between dark:border-neutral-800"
>
<button
type="button"

View File

@@ -13,7 +13,7 @@
>
<!-- Header -->
<div class="border-b border-neutral-200 px-6 py-4 dark:border-neutral-800">
<h2 class="text-xl font-semibold text-neutral-900 dark:text-neutral-50">
<h2 class="text-lg font-semibold text-neutral-900 md:text-xl dark:text-neutral-50">
Arr Instance Defaults
</h2>
<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">

View File

@@ -14,7 +14,7 @@
>
<!-- Header -->
<div class="border-b border-neutral-200 px-6 py-4 dark:border-neutral-800">
<h2 class="text-xl font-semibold text-neutral-900 dark:text-neutral-50">
<h2 class="text-lg font-semibold text-neutral-900 md:text-xl dark:text-neutral-50">
Backup Configuration
</h2>
<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">

View File

@@ -32,7 +32,7 @@
>
<!-- Header -->
<div class="border-b border-neutral-200 px-6 py-4 dark:border-neutral-800">
<h2 class="text-xl font-semibold text-neutral-900 dark:text-neutral-50">
<h2 class="text-lg font-semibold text-neutral-900 md:text-xl dark:text-neutral-50">
Logging Configuration
</h2>
<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">
@@ -190,7 +190,7 @@
<!-- Action buttons -->
<div
class="mt-6 flex items-center justify-between border-t border-neutral-200 pt-6 dark:border-neutral-800"
class="mt-6 flex flex-col gap-3 border-t border-neutral-200 pt-6 md:flex-row md:items-center md:justify-between dark:border-neutral-800"
>
<button
type="button"

View File

@@ -51,7 +51,7 @@
>
<!-- Header -->
<div class="border-b border-neutral-200 px-6 py-4 dark:border-neutral-800">
<h2 class="text-xl font-semibold text-neutral-900 dark:text-neutral-50">TMDB Configuration</h2>
<h2 class="text-lg font-semibold text-neutral-900 md:text-xl dark:text-neutral-50">TMDB Configuration</h2>
<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">
Configure TMDB API access for searching movies and TV series.
</p>
@@ -116,7 +116,7 @@
<!-- Action buttons -->
<div
class="mt-6 flex items-center justify-between border-t border-neutral-200 pt-6 dark:border-neutral-800"
class="mt-6 flex flex-col gap-3 border-t border-neutral-200 pt-6 md:flex-row md:items-center md:justify-between dark:border-neutral-800"
>
<button
type="button"

View File

@@ -15,7 +15,7 @@
>
<!-- Header -->
<div class="border-b border-neutral-200 px-6 py-4 dark:border-neutral-800">
<h2 class="text-xl font-semibold text-neutral-900 dark:text-neutral-50">Interface</h2>
<h2 class="text-lg font-semibold text-neutral-900 md:text-xl dark:text-neutral-50">Interface</h2>
<p class="mt-1 text-sm text-neutral-600 dark:text-neutral-400">
Customize the look and feel of the application
</p>