1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2025-02-16 12:43:58 +00:00

🔧 Improve spacing

This commit is contained in:
Steffo 2021-05-18 01:33:08 +02:00
parent 5e3e62347e
commit 2b2280e2d4
Signed by: steffo
GPG key ID: 6965406171929D01
5 changed files with 55 additions and 16 deletions

View file

@ -26,7 +26,7 @@ export default new LocalizedStrings({
passwd: "Password", passwd: "Password",
dashboard: "Dashboard", dashboard: "Dashboard",
searchBy: "Ricerca per ", searchBy: "Ricerca per",
byZone: "area", byZone: "area",
byHashtag: "hashtag", byHashtag: "hashtag",
byUser: "utente", byUser: "utente",
@ -35,7 +35,7 @@ export default new LocalizedStrings({
timeAfter: "Dopo", timeAfter: "Dopo",
conditions: "Condizioni", conditions: "Condizioni",
createRepo: "Crea repository", createRepo: "Crea repository",
repoName: "Nome repository: ", repoName: "Nome repository",
request: "Richiedi", request: "Richiedi",
filterOR: "Almeno una cond.", filterOR: "Almeno una cond.",
filterAND: "Tutte le cond.", filterAND: "Tutte le cond.",
@ -60,8 +60,8 @@ export default new LocalizedStrings({
settings: "Impostazioni", settings: "Impostazioni",
loggedInTitle: "Accesso effettuato", loggedInTitle: "Accesso effettuato",
loggedInOn: "Al momento hai effettuato l'accesso su ", loggedInOn: "Al momento hai effettuato l'accesso su",
loggedInAs: " come ", loggedInAs: "come",
logout: "Esci", logout: "Esci",
switchTheme: "Cambia tema", switchTheme: "Cambia tema",
darkMode: "Scuro", darkMode: "Scuro",
@ -93,7 +93,7 @@ export default new LocalizedStrings({
passwd: "Password", passwd: "Password",
dashboard: "Dashboard", dashboard: "Dashboard",
searchBy: "Search by ", searchBy: "Search by",
byZone: "zone", byZone: "zone",
byHashtag: "hashtag", byHashtag: "hashtag",
byUser: "user", byUser: "user",
@ -102,7 +102,7 @@ export default new LocalizedStrings({
timeAfter: "After", timeAfter: "After",
conditions: "Conditions", conditions: "Conditions",
createRepo: "Create repository", createRepo: "Create repository",
repoName: "Repository name: ", repoName: "Repository name",
request: "Request", request: "Request",
filterOR: "At least one cond.", filterOR: "At least one cond.",
filterAND: "Every cond.", filterAND: "Every cond.",
@ -127,8 +127,8 @@ export default new LocalizedStrings({
settings: "Settings", settings: "Settings",
loggedInTitle: "Logged in", loggedInTitle: "Logged in",
loggedInOn: "You are currently logged in at ", loggedInOn: "You are currently logged in at",
loggedInAs: " as ", loggedInAs: "as",
logout: "Logout", logout: "Logout",
switchTheme: "Switch theme", switchTheme: "Switch theme",
darkMode: "Dark", darkMode: "Dark",
@ -169,7 +169,7 @@ export default new LocalizedStrings({
timeAfter: "Jälkeen", timeAfter: "Jälkeen",
conditions: "Ehdot", conditions: "Ehdot",
createRepo: "Luo arkisto", createRepo: "Luo arkisto",
repoName: "Arkiston nimi: ", repoName: "Arkiston nimi",
request: "Pyydä", request: "Pyydä",
filterOR: "Vähintään yksi ehto", filterOR: "Vähintään yksi ehto",
filterAND: "Kaikki ehdot", filterAND: "Kaikki ehdot",
@ -194,8 +194,8 @@ export default new LocalizedStrings({
settings: "Asetukset", settings: "Asetukset",
loggedInTitle: "Kirjautunut sisään", loggedInTitle: "Kirjautunut sisään",
loggedInOn: "Olet tällä hetkellä kirjautuneena sisään ", loggedInOn: "Olet tällä hetkellä kirjautuneena sisään",
loggedInAs: " nimellä ", loggedInAs: "nimellä",
logout: "Kirjaudu ulos", logout: "Kirjaudu ulos",
switchTheme: "Vaihda teema", switchTheme: "Vaihda teema",
darkMode: "Tumma", darkMode: "Tumma",

View file

@ -51,7 +51,18 @@ export default function BoxConditionDatetime({ ...props }) {
} }
return ( return (
<BoxFull header={<span>{Localization.searchBy}<FontAwesomeIcon icon={faClock}/> {Localization.byTimePeriod}</span>} {...props}> <BoxFull
header={
<span>
{Localization.searchBy}
&nbsp;
<FontAwesomeIcon icon={faClock}/>
&nbsp;
{Localization.byTimePeriod}
</span>
}
{...props}
>
<FormInline onSubmit={onButtonClick}> <FormInline onSubmit={onButtonClick}>
<ButtonToggleBeforeAfter onUpdate={setBa}/> <ButtonToggleBeforeAfter onUpdate={setBa}/>
<InputWithIcon <InputWithIcon

View file

@ -42,7 +42,18 @@ export default function BoxConditionHashtag({ ...props }) {
} }
return ( return (
<BoxFull header={<span>{Localization.searchBy}<FontAwesomeIcon icon={faHashtag}/> {Localization.byHashtag}</span>} {...props}> <BoxFull
header={
<span>
{Localization.searchBy}
&nbsp;
<FontAwesomeIcon icon={faHashtag}/>
&nbsp;
{Localization.byHashtag}
</span>
}
{...props}
>
<FormInline onSubmit={onButtonClick}> <FormInline onSubmit={onButtonClick}>
<InputWithIcon <InputWithIcon
className={Style.Input} className={Style.Input}

View file

@ -1,7 +1,7 @@
import React, { useCallback, useEffect, useState } from "react" import React, { useCallback, useEffect, useState } from "react"
import BoxFull from "../base/BoxFull" import BoxFull from "../base/BoxFull"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faMapPin, faPlus } from "@fortawesome/free-solid-svg-icons" import { faAt, faMapPin, faPlus } from "@fortawesome/free-solid-svg-icons"
import Style from "./BoxConditionMap.module.css" import Style from "./BoxConditionMap.module.css"
import ButtonIconOnly from "../base/ButtonIconOnly" import ButtonIconOnly from "../base/ButtonIconOnly"
import { MapContainer, TileLayer } from "react-leaflet" import { MapContainer, TileLayer } from "react-leaflet"
@ -100,7 +100,13 @@ export default function BoxConditionMap({ ...props }) {
return ( return (
<BoxFull <BoxFull
header={ header={
<span>{Localization.searchBy}<FontAwesomeIcon icon={faMapPin}/> {Localization.byZone}</span> <span>
{Localization.searchBy}
&nbsp;
<FontAwesomeIcon icon={faMapPin}/>
&nbsp;
{Localization.byZone}
</span>
} }
childrenClassName={Style.BoxConditionMapContents} childrenClassName={Style.BoxConditionMapContents}
{...props} {...props}

View file

@ -41,7 +41,18 @@ export default function BoxConditionUser({ ...props }) {
} }
return ( return (
<BoxFull header={<span>{Localization.searchBy}<FontAwesomeIcon icon={faAt}/> {Localization.byUser}</span>} {...props}> <BoxFull
header={
<span>
{Localization.searchBy}
&nbsp;
<FontAwesomeIcon icon={faAt}/>
&nbsp;
{Localization.byUser}
</span>
}
{...props}
>
<FormInline onSubmit={onButtonClick}> <FormInline onSubmit={onButtonClick}>
<InputWithIcon <InputWithIcon
className={Style.Input} className={Style.Input}