kopia lustrzana https://github.com/badgen/badgen.net
fix: text wrap in homepage badge builder
rodzic
e6bd795e35
commit
51c36a7c32
|
@ -30,7 +30,9 @@ export default class BuilderBar extends React.Component<BuilderBarProps> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<label>
|
<label>
|
||||||
|
<span className='left-host'>
|
||||||
<span>{host}</span>
|
<span>{host}</span>
|
||||||
|
</span>
|
||||||
<input
|
<input
|
||||||
tabIndex={1}
|
tabIndex={1}
|
||||||
spellCheck={false}
|
spellCheck={false}
|
||||||
|
@ -41,7 +43,7 @@ export default class BuilderBar extends React.Component<BuilderBarProps> {
|
||||||
onBlur={this.props.onBlur}
|
onBlur={this.props.onBlur}
|
||||||
value={badgeURL}
|
value={badgeURL}
|
||||||
/>
|
/>
|
||||||
<style>{`
|
<style jsx>{`
|
||||||
label {
|
label {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -55,11 +57,15 @@ export default class BuilderBar extends React.Component<BuilderBarProps> {
|
||||||
span, input {
|
span, input {
|
||||||
font: 16px/24px monospace;
|
font: 16px/24px monospace;
|
||||||
}
|
}
|
||||||
span {
|
.left-host {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 234px;
|
width: 234px;
|
||||||
}
|
}
|
||||||
|
.left-host > span {
|
||||||
|
float: right;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
input {
|
input {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
Ładowanie…
Reference in New Issue