Improve zap modal styles
This commit is contained in:
+43
-8
@@ -2435,10 +2435,23 @@ button.create-place {
|
||||
|
||||
/* Zap Photo Modal — scoped, nested styles */
|
||||
.zap-photo-modal {
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
|
||||
& h2 {
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 0.75rem;
|
||||
border-bottom: 1px solid var(--divider-color);
|
||||
}
|
||||
|
||||
& section.status {
|
||||
padding-bottom: 0.75rem;
|
||||
margin-bottom: 1.5rem;
|
||||
border-bottom: 1px solid var(--divider-color);
|
||||
}
|
||||
|
||||
& section.slider {
|
||||
text-align: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
& .amount-display {
|
||||
@@ -2446,6 +2459,7 @@ button.create-place {
|
||||
align-items: baseline;
|
||||
justify-content: center;
|
||||
gap: 0.4rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
& .amount-value {
|
||||
@@ -2469,22 +2483,19 @@ button.create-place {
|
||||
& .slider-ticks {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.7rem;
|
||||
font-size: 0.85rem;
|
||||
color: var(--body-text-color);
|
||||
opacity: 0.5;
|
||||
padding: 0 0.25rem;
|
||||
}
|
||||
|
||||
& .min-max {
|
||||
font-size: 0.75rem;
|
||||
color: var(--body-text-color);
|
||||
opacity: 0.7;
|
||||
& .form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
& .lightning-address {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
@@ -2501,24 +2512,47 @@ button.create-place {
|
||||
|
||||
& .lightning-address-text {
|
||||
font-family: monospace;
|
||||
font-size: 0.8rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--body-text-color);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
& .zap-pay-prompt {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
& .qr-code-container {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
& .btn-full + .btn-full {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
& .alert-error {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
& .meta-info {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
& .centered {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
gap: 1rem;
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
& .success {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
@@ -2533,6 +2567,7 @@ button.create-place {
|
||||
|
||||
& .success p {
|
||||
margin: 0;
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 0.9rem;
|
||||
color: var(--body-text-color);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user