Fixed alignment issues and more padding for fileupload
parent
fbb9f93570
commit
59dd666aeb
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #FFA000;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #1b9044;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #b72452;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #116fbf;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #116fbf;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #116fbf;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #318c63;
|
||||
|
|
|
@ -2452,6 +2452,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #6c8999;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #1E88E5;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #0097A7;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #5E35B1;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #43A047;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #3949AB;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #FFB300;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #8E24AA;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #ffffff;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
color: #495057;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #00897B;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #42A5F5;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #26C6DA;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #7E57C2;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #66BB6A;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #5C6BC0;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #FFCA28;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #AB47BC;
|
||||
|
|
|
@ -2460,7 +2460,7 @@
|
|||
}
|
||||
.p-fileupload .p-fileupload-content {
|
||||
background: #1C2833;
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
border: 1px solid #2C3E50;
|
||||
color: #ebedef;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
@ -2469,6 +2469,9 @@
|
|||
.p-fileupload .p-progressbar {
|
||||
height: 0.25rem;
|
||||
}
|
||||
.p-fileupload .p-fileupload-row > div {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.p-fileupload-choose:not(.p-disabled):hover {
|
||||
background: #26A69A;
|
||||
|
|
|
@ -353,8 +353,8 @@ export default {
|
|||
}
|
||||
|
||||
.p-fileupload-row {
|
||||
display: table-row;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.p-fileupload-content .p-progressbar {
|
||||
|
|
Loading…
Reference in New Issue