mirror of
https://github.com/balena-io/etcher.git
synced 2025-07-28 05:36:34 +00:00
Apply checksum label padding as a custom modifier (#473)
We want to re-use the `label` component without big paddings in other areas of the application, therefore we move the custom padding to a separate label modifier. Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
parent
608cb5d74a
commit
dc7b31f061
@ -5974,8 +5974,11 @@ html {
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
.label {
|
.label {
|
||||||
|
font-size: 9px;
|
||||||
|
font-weight: normal; }
|
||||||
|
|
||||||
|
.label-big {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
|
||||||
padding: 8px 25px; }
|
padding: 8px 25px; }
|
||||||
|
|
||||||
.label-default {
|
.label-default {
|
||||||
|
@ -28,7 +28,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="label label-default">CRC32 CHECKSUM : <b class="monospace">{{ ::finish.params.checksum }}</b></span>
|
<span class="label label-big label-default">CRC32 CHECKSUM : <b class="monospace">{{ ::finish.params.checksum }}</b></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -15,8 +15,12 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
font-size: 11px;
|
font-size: 9px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-big {
|
||||||
|
font-size: 11px;
|
||||||
padding: 8px 25px;
|
padding: 8px 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user