VoltEuropa/profile.volt.link
VoltEuropa/profile.volt.link
1
0
Fork 0
mirror of https://github.com/voltbonn/profile-picture-generator.git synced 2024-12-22 15:55:08 +00:00
Code Activity

BUGFIX corrected button margins

Browse source
This commit is contained in:
thomasrosen 2021-01-23 22:42:49 +01:00
parent 9f6de623d2
commit 336ac3decf
3 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/App.css
View file

@ -104,17 +104,12 @@ a:hover{
box-shadow: 0 0 0 0.5vh white; box-shadow: 0 0 0 0.5vh white;
} }
.HashtagChooser .hashtag_button {
/* display: block; */
margin: 1vmin;
}
button, button,
.labelButton{ .labelButton{
position: relative; position: relative;
outline: none; outline: none;
border: none; border: none;
margin: 1vh; margin: 2vmin;
padding: 1vh 2vh; padding: 1vh 2vh;
font-size: calc(10px + 2vmin); font-size: calc(10px + 2vmin);
font-weight: bold; font-weight: bold;
@ -124,6 +119,9 @@ button,
color: var(--volt-purple); color: var(--volt-purple);
transition: transform 0.2s ease; transition: transform 0.2s ease;
} }
button.isInRow{
margin: 1vmin;
}
button:hover, button:hover,
.labelButton:hover{ .labelButton:hover{
transform-origin: center center; transform-origin: center center;

2
src/App.js
View file

@ -369,7 +369,7 @@ function AppWrapper() {
Object.entries(locales) Object.entries(locales)
.map(([locale, name]) => { .map(([locale, name]) => {
return <button return <button
className={locale === currentLocale ? 'choosen' : ''} className={locale === currentLocale ? 'isInRow choosen' : 'isInRow'}
key={locale} key={locale}
data-locale={locale} data-locale={locale}
onClick={handleLanguageChange} onClick={handleLanguageChange}

2
src/HashtagChooser.js
View file

@ -61,7 +61,7 @@ function HashtagChooser({ onChange, getString }) {
frames.map(frame => { frames.map(frame => {
const frame_src_path = frame.src.default const frame_src_path = frame.src.default
const isChoosen = choosenFrame === frame_src_path const isChoosen = choosenFrame === frame_src_path
return <button key={frame.name} data-src={frame_src_path} className={isChoosen ? 'hashtag_button choosen' : 'hashtag_button'} onClick={handleImageChoosing}> return <button key={frame.name} data-src={frame_src_path} className={isChoosen ? 'isInRow choosen' : 'isInRow'} onClick={handleImageChoosing}>
{frame.name === '' ? getString('button_no_hashtag') : '#'+frame.name} {frame.name === '' ? getString('button_no_hashtag') : '#'+frame.name}
</button> </button>
}) })