refactor styling

This commit is contained in:
Tom (plebeius.eth)
2024-09-04 20:48:20 +02:00
parent 9191dd7cae
commit d81165ef0f
3 changed files with 9 additions and 6 deletions
+2 -2
View File
@@ -218,8 +218,8 @@
"token_address_whitelist": "Indirizzo del token (solo se sulla <1>whitelist</1>)", "token_address_whitelist": "Indirizzo del token (solo se sulla <1>whitelist</1>)",
"token_id": "token id", "token_id": "token id",
"nsfw_boards": "Bache NSFW", "nsfw_boards": "Bache NSFW",
"hide_gore_boards": "Nascondi tavole Gore", "hide_gore_boards": "Nascondi board Gore",
"hide_adult_boards": "Nascondi tavole per adulti", "hide_adult_boards": "Nascondi board per adulti",
"static_gif": "GIF Statica", "static_gif": "GIF Statica",
"animated_gif": "GIF Animata", "animated_gif": "GIF Animata",
"hide_avatars": "Nascondi avatar", "hide_avatars": "Nascondi avatar",
@@ -30,6 +30,7 @@
.desktopBoardButtons { .desktopBoardButtons {
padding-right: 5px; padding-right: 5px;
text-transform: capitalize;
} }
.desktopBoardButtons::after { .desktopBoardButtons::after {
@@ -40,6 +41,8 @@
.desktopBoardButtons .rightSideButtons { .desktopBoardButtons .rightSideButtons {
float: right; float: right;
display: flex;
align-items: center;
} }
.desktopBoardButtons .rightSideButtons select { .desktopBoardButtons .rightSideButtons select {
@@ -95,7 +95,7 @@ const SortOptions = () => {
}; };
return ( return (
<> <>
<span className='capitalize'>{t('sort_by')}</span>:&nbsp; <span>{t('sort_by')}</span>:&nbsp;
<select className='capitalize' value={sortType} onChange={handleSortChange}> <select className='capitalize' value={sortType} onChange={handleSortChange}>
<option value='active'>{t('bump_order')}</option> <option value='active'>{t('bump_order')}</option>
<option value='new'>{t('creation_date')}</option> <option value='new'>{t('creation_date')}</option>
@@ -110,7 +110,7 @@ const ImageSizeOptions = () => {
return ( return (
<> <>
<span className='capitalize'>{t('image_size')}:</span>&nbsp; <span>{t('image_size')}:</span>&nbsp;
<select className='capitalize' value={imageSize} onChange={(e) => setImageSize(e.target.value as 'Small' | 'Large')}> <select className='capitalize' value={imageSize} onChange={(e) => setImageSize(e.target.value as 'Small' | 'Large')}>
<option value='Small'>{t('small')}</option> <option value='Small'>{t('small')}</option>
<option value='Large'>{t('large')}</option> <option value='Large'>{t('large')}</option>
@@ -125,7 +125,7 @@ const ShowOPCommentOption = () => {
return ( return (
<> <>
<span className='capitalize'>{t('show_op_comment')}:</span>&nbsp; <span>{t('show_op_comment')}:</span>&nbsp;
<select className='capitalize' value={showOPComment ? 'On' : 'Off'} onChange={(e) => setShowOPComment(e.target.value === 'On')}> <select className='capitalize' value={showOPComment ? 'On' : 'Off'} onChange={(e) => setShowOPComment(e.target.value === 'On')}>
<option value='Off'>{t('off')}</option> <option value='Off'>{t('off')}</option>
<option value='On'>{t('on')}</option> <option value='On'>{t('on')}</option>
@@ -159,7 +159,7 @@ export const TimeFilter = ({ isInAllView, isInCatalogView, isInSubscriptionsView
<> <>
{!isTopbar ? ( {!isTopbar ? (
<> <>
<span className='capitalize'>{t('newer_than')}</span>:&nbsp; <span>{t('newer_than')}</span>:&nbsp;
</> </>
) : ( ) : (
<> </> <> </>