mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-08 17:06:15 -08:00
4gray
c84b42284a
Reduce the settings page container height calculation from calc(100vh - 100px) to calc(100vh - 70px) so the content fits the visible viewport when the header height is 70px. This prevents unnecessary vertical overflow and avoids extra whitespace at the bottom of the settings page.
77 lines
1.0 KiB
SCSS
77 lines
1.0 KiB
SCSS
button {
|
|
cursor: pointer !important;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.settings-container {
|
|
overflow: auto;
|
|
height: calc(100vh - 70px);
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
padding: 10px;
|
|
|
|
:nth-child(2) {
|
|
text-align: right;
|
|
|
|
mat-form-field {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.column {
|
|
flex: 1;
|
|
|
|
p {
|
|
font-size: 0.9em;
|
|
opacity: 0.6;
|
|
padding: 2px 0;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.margin-right {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.action-buttons {
|
|
margin-top: 10px;
|
|
|
|
button {
|
|
margin: 0 10px;
|
|
}
|
|
}
|
|
|
|
.remote-control-urls {
|
|
text-align: right;
|
|
}
|
|
|
|
.remote-control-url-item {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.url-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 4px;
|
|
}
|
|
|
|
.remote-control-url {
|
|
font-family: monospace;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.qr-code-container {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 8px 0;
|
|
}
|