smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Style uniformity

Browse Source
This commit is contained in:
Sean Edmunds
2025-06-12 16:33:42 -05:00
parent fb70df76f1
commit 29514d3290
47 changed files with 316 additions and 377 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/settings/components/Bookmarks/BookmarkSettingsItem.tsx
View File

@@ -12,7 +12,7 @@ function BookmarkSettingsItem({ bookmark }: { bookmark: Bookmark }) {
borderRadius: '4px',
color: 'var(--mantine-color-accent-0)',
backgroundColor: 'var(--mantine-color-search-0)',
padding: '8px',
padding: '.5rem',
}}
onMouseEnter={() => setHover(true)}
onMouseLeave={() => setHover(false)}

14
src/pages/settings/components/Bookmarks/Bookmarks.tsx
View File

@@ -123,7 +123,6 @@ const BookmarkSettings = () => {
<TextInput
label={'Category Name'}
className={textInputClasses.settingsItem}
pt={16}
classNames={textInputClasses}
defaultValue={newGroup.categoryName}
onChange={(event) => {
@@ -136,7 +135,6 @@ const BookmarkSettings = () => {
<TextInput
label={'Filter Name'}
className={textInputClasses.settingsItem}
pt={16}
classNames={textInputClasses}
defaultValue={newGroup.filterName}
onChange={(event) => {
@@ -241,14 +239,14 @@ const BookmarkSettings = () => {
>
<Group gap={0} align='center' justify='space-between'>
<Stack gap={0}>
<Text c={'var(--mantine-color-accent-0)'} fz={14}>
<Text c={'var(--mantine-color-accent-0)'} fz={'1rem'}>
Name
</Text>
<Text
p={4}
p={'.25rem'}
style={{
borderRadius: '4px',
paddingLeft: '8px',
paddingLeft: '.5rem',
color: 'var(--mantine-color-primary-0)',
backgroundColor: 'var(--mantine-color-search-0)',
}}
@@ -257,14 +255,14 @@ const BookmarkSettings = () => {
</Text>
</Stack>
<Stack gap={0}>
<Text c={'var(--mantine-color-accent-0)'} fz={14}>
<Text c={'var(--mantine-color-accent-0)'} fz={'1rem'}>
Filter Name
</Text>
<Text
p={4}
p={'.25rem'}
style={{
borderRadius: '4px',
paddingLeft: '8px',
paddingLeft: '.5rem',
color: 'var(--mantine-color-primary-0)',
backgroundColor: 'var(--mantine-color-search-0)',
}}

13
src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
View File

@@ -50,9 +50,9 @@ function DebouncedBookmarkItem({
<Text
style={{
fontWeight: 'bold',
fontSize: '20px',
padding: '8px',
margin: '8px',
fontSize: '1.25rem',
padding: '.5rem',
margin: '.5rem',
borderRadius: '10px',
backgroundColor: 'var(--mantine-color-accent-0)',
color: 'var(--mantine-color-background-0)',
@@ -71,8 +71,8 @@ function DebouncedBookmarkItem({
>
<ActionIcon
pos={'absolute'}
right={16}
top={16}
right={'1rem'}
top={'1rem'}
color='red'
onClick={() => {
setIsOpen(true);
@@ -86,7 +86,6 @@ function DebouncedBookmarkItem({
<TextInput
label={'Name'}
className={textInputClasses.settingsItem}
pt={16}
classNames={textInputClasses}
defaultValue={bookmark.name}
onChange={(event) => {
@@ -99,7 +98,6 @@ function DebouncedBookmarkItem({
<TextInput
label={'Category'}
className={textInputClasses.settingsItem}
pt={16}
classNames={textInputClasses}
defaultValue={bookmark.category}
onChange={(event) => {
@@ -115,7 +113,6 @@ function DebouncedBookmarkItem({
label={'URL'}
className={textInputClasses.settingsItem}
w={isMobile ? '80%' : '100%'}
pt={16}
classNames={textInputClasses}
defaultValue={bookmark.url}
onChange={(event) => {

22
src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
View File

@@ -109,9 +109,9 @@ function DebouncedGroupSettingsItem({
<Text
style={{
fontWeight: 'bold',
fontSize: '20px',
padding: '8px',
margin: '8px',
fontSize: '1.25rem',
padding: '.5rem',
margin: '.5rem',
borderRadius: '10px',
backgroundColor: 'var(--mantine-color-accent-0)',
color: 'var(--mantine-color-background-0)',
@@ -125,7 +125,7 @@ function DebouncedGroupSettingsItem({
}
/>
<Card.Section
p={16}
p={'1rem'}
bg={'var(--mantine-color-search-0)'}
c={'var(--mantine-color-background-0)'}
>
@@ -174,7 +174,7 @@ function DebouncedGroupSettingsItem({
label={'Delete'}
>
<ActionIcon
mt={24}
mt={'1.5rem'}
size={'lg'}
color='red'
onClick={() => {
@@ -196,7 +196,7 @@ function DebouncedGroupSettingsItem({
top: isMobile ? 140 : 78,
right: 18,
zIndex: 10,
fontSize: 20,
fontSize: '1.25rem',
textAlign: 'center',
textJustify: 'auto',
}}
@@ -205,7 +205,7 @@ function DebouncedGroupSettingsItem({
</Text>
</Stack>
</Card.Section>
<Card.Section mt={16} p={16}>
<Card.Section mt={'1rem'} p={'1rem'}>
<Stack>
<DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId={`${bookmarkGroup.id}`}>
@@ -274,7 +274,7 @@ function DebouncedGroupSettingsItem({
</Stack>
</Card.Section>
<Card.Section
p={8}
p={'.5rem'}
bg={'var(--mantine-color-search-0)'}
c={'var(--mantine-color-background-0)'}
>
@@ -317,7 +317,7 @@ function DebouncedGroupSettingsItem({
},
}}
className={textInputClasses.settingsItem}
pt={16}
pt={'1rem'}
classNames={textInputClasses}
onChange={(event) => {
setNewBookmark({
@@ -334,7 +334,7 @@ function DebouncedGroupSettingsItem({
},
}}
className={textInputClasses.settingsItem}
pt={16}
pt={'1rem'}
classNames={textInputClasses}
disabled
defaultValue={group.categoryName}
@@ -356,7 +356,7 @@ function DebouncedGroupSettingsItem({
}}
className={textInputClasses.settingsItem}
w={'100%'}
pt={16}
pt={'1rem'}
classNames={textInputClasses}
onChange={(event) => {
setNewBookmark({