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:
@@ -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'"
|
||||
|
||||
Reference in New Issue
Block a user