diff options
| author | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-06-25 12:05:09 +0900 |
|---|---|---|
| committer | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-06-25 12:05:09 +0900 |
| commit | 1fa86fc33885ae70614bb7e1b2a31d92fc24e37e (patch) | |
| tree | 81656ce92d7a8ae9e5c727a7263c47096077530d /src/components | |
| parent | 8f923296fd206ec66116e51cb1e8afab63b44b76 (diff) | |
Whisperページ: タイトルにAI追加、画像枠修正、引用ブロック視認性改善
- タイトルを「無料・超高精度のWhisper + AIで文字起こしする方法」に
- Astro スコープを is:global に修正し画像枠線が全画像に適用されるように
- プロンプト例・実例の引用ブロックに背景色+左ボーダーを追加
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/WhisperStyles.astro | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/components/WhisperStyles.astro b/src/components/WhisperStyles.astro index 98bf2ab..e18d01c 100644 --- a/src/components/WhisperStyles.astro +++ b/src/components/WhisperStyles.astro @@ -1,4 +1,4 @@ -<style> +<style is:global> .whisper-img { border: 1px solid var(--sl-color-gray-4); border-radius: 6px; @@ -21,4 +21,15 @@ .whisper-transcript strong:last-of-type { margin-top: 1rem; } + /* 引用ブロック：背景色で本文と区別 */ + .whisper-quote { + background: var(--sl-color-gray-7); + border-left: 3px solid var(--sl-color-accent); + border-radius: 0 6px 6px 0; + padding: 0.75rem 1rem; + margin: 0.75rem 0; + } + .whisper-quote p { + margin: 0.25rem 0; + } </style> |