diff --git a/app/(tabs)/logs.tsx b/app/(tabs)/logs.tsx index 992d5eb..0f04de8 100644 --- a/app/(tabs)/logs.tsx +++ b/app/(tabs)/logs.tsx @@ -315,7 +315,7 @@ export default function LogsScreen() { return ( - {/* ヘッダー部分(スクロールに追従して固定表示) */} + {/* ヘッダー部分(タイトル・検索のみ固定表示) */} {/* Header with status */} @@ -344,55 +344,64 @@ export default function LogsScreen() { )} - {/* Filter Accordion */} - - {/* Accordion Header */} - - - - - フィルター - - {(selectedTypes.size > 0 || selectedLevels.size > 0 || selectedDevices.size > 0) && ( - - 適用中 - - )} - - - ▼ - - - + - {/* Accordion Content with Animation */} - - - {/* Type Filter */} - - タイプ - - {/* すべてボタン */} - handleTypeSelect(null)} - activeOpacity={0.7} - style={styles.filterButton} - > - + {/* Filter Accordion */} + + {/* Accordion Header */} + + + + + フィルター + + {(selectedTypes.size > 0 || selectedLevels.size > 0 || selectedDevices.size > 0) && ( + + 適用中 + + )} + + + ▼ + + + + + {/* Accordion Content with Animation */} + + + {/* Type Filter */} + + タイプ + + {/* すべてボタン */} + handleTypeSelect(null)} + activeOpacity={0.7} + style={styles.filterButton} + > + )} + + - - - {/* Count info */} - - - {filteredLogs.length} 件のログ - {hasActiveFilter && ( - (全{state.logs.length}件) - )} - - {state.logs.length > 0 && ( - - クリア - - )} - - - - + + {filteredLogs.length} 件のログ + {hasActiveFilter && ( + (全{state.logs.length}件) + )} + + {state.logs.length > 0 && ( + + クリア + + )} + + + } ListEmptyComponent={ListEmpty} contentContainerStyle={styles.listContent} showsVerticalScrollIndicator={false} @@ -617,6 +621,9 @@ const styles = StyleSheet.create({ paddingTop: 8, paddingBottom: 100, }, + listHeaderContent: { + paddingBottom: 8, + }, filterScrollContent: { gap: 8, },