40 lines
2.4 KiB
TypeScript
40 lines
2.4 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
const AnnouncementStyles = StyleSheet.create({
|
|
// list (index.tsx)
|
|
announcementListContainer: { padding: 15, paddingBottom: 0 },
|
|
announcementListInner: { marginTop: 10 },
|
|
announcementListCard: { borderRadius: 8, borderWidth: 1, padding: 12 },
|
|
announcementListCardHeader: { marginBottom: 6 },
|
|
announcementListTitleRow: { flex: 1, gap: 8, marginRight: 8, flexDirection: 'row', alignItems: 'center' },
|
|
announcementListIconBox: { width: 28, height: 28, borderRadius: 8, alignItems: 'center', justifyContent: 'center' },
|
|
announcementListTitleText: { flex: 1 },
|
|
announcementListDateText: { flexShrink: 0 },
|
|
announcementListDescText: { lineHeight: 20 },
|
|
announcementListSeparator: { height: 8 },
|
|
announcementListSkeletonCard: { gap: 8 },
|
|
announcementListSkeletonHeader: { marginBottom: 4 },
|
|
announcementListSkeletonTitleRow: { gap: 8, flex: 1, flexDirection: 'row', alignItems: 'center' },
|
|
|
|
// detail ([id].tsx)
|
|
announcementDetailContainer: { padding: 15, paddingBottom: 50, gap: 12 },
|
|
announcementDetailCard: { borderRadius: 8 },
|
|
announcementDetailSkeletonGap: { gap: 8 },
|
|
announcementDetailSkeletonIconRow: { gap: 10, marginBottom: 2 },
|
|
announcementDetailTitleRow: { gap: 10, marginBottom: 10 },
|
|
announcementDetailIconBox: { width: 38, height: 38, borderRadius: 8 },
|
|
announcementDetailTitleText: { fontSize: 17, lineHeight: 24, flex: 1 },
|
|
announcementDetailSectionLabelRow: { marginBottom: 8, gap: 6 },
|
|
announcementDetailFileCardPadding: { padding: 10 },
|
|
announcementDetailFileChipList: { gap: 8 },
|
|
announcementDetailFileChip: { flexDirection: 'row', alignItems: 'center', gap: 6, paddingHorizontal: 12, paddingVertical: 8, borderRadius: 20, borderWidth: 1 },
|
|
announcementDetailFileChipText: { maxWidth: 120 },
|
|
announcementDetailRecipientGap: { gap: 10 },
|
|
announcementDetailGroupSeparator: { marginTop: 12, paddingTop: 12, borderTopWidth: 1 },
|
|
announcementDetailGroupLabel: { marginBottom: 6 },
|
|
announcementDetailDivisionRow: { gap: 8, paddingVertical: 6 },
|
|
announcementDetailDivisionIconCircle: { width: 26, height: 26, borderRadius: 100, alignItems: 'center', justifyContent: 'center' },
|
|
});
|
|
|
|
export default AnnouncementStyles;
|