fix:AI 설정 페이지 레이아웃 톤앤매너 통일

- max-w-4xl mx-auto 제거 → space-y-6 (전체 너비, 왼쪽 정렬)
- 다른 관리자 페이지와 동일한 레이아웃 패턴 적용
- 탭 네비게이션 중복 마진 제거

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
pro
2026-01-29 09:32:14 +09:00
parent 0d5045d535
commit 5f0b221750

View File

@@ -65,13 +65,10 @@
@endpush
@section('content')
<div class="max-w-4xl mx-auto" x-data="{ activeTab: 'ai' }">
<div class="space-y-6" x-data="{ activeTab: 'ai' }">
<!-- 페이지 헤더 -->
<div class="flex items-center justify-between mb-6">
<div>
<h1 class="text-2xl font-bold text-gray-800">AI 스토리지 설정</h1>
<p class="text-sm text-gray-500 mt-1">AI API 클라우드 스토리지 설정을 관리합니다</p>
</div>
<div class="flex justify-between items-center">
<h1 class="text-2xl font-bold text-gray-800">AI 스토리지 설정</h1>
<button type="button" @click="activeTab === 'ai' ? openModal() : openGcsModal()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition inline-flex items-center gap-2">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
@@ -81,7 +78,7 @@
</div>
<!-- 네비게이션 -->
<div class="flex border-b border-gray-200 mb-6">
<div class="flex border-b border-gray-200">
<button type="button"
@click="activeTab = 'ai'"
:class="activeTab === 'ai' ? 'border-blue-500 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700'"