Files
owncast/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.module.scss
Copilot 07786682b0 Fix error message styling consistency in browser notification modal (#4418)
* Initial plan

* Update BrowserNotifyModal to use Alert component for error styling consistency

Co-authored-by: gabek <414923+gabek@users.noreply.github.com>

* chore: update copilot instructions

* chore: update copilot instructions

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: gabek <414923+gabek@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2025-07-04 22:42:40 -07:00

68 lines
1.1 KiB
SCSS

.description {
margin-bottom: 5px;
}
.errorAlert {
margin-bottom: 1.25rem;
font-family: var(--theme-text-display-font-family);
:global(.ant-alert-message) {
font-size: 14px;
}
:global(.ant-alert-description) {
font-size: 12px;
font-family: monospace;
}
}
.pushPreview {
border-style: dashed;
border-width: 2px;
width: 100%;
max-width: 400px;
margin: 1%;
margin-top: 10px;
.inner {
margin: 10px;
padding: 15px;
background-color: white;
box-shadow: 2px 6px 7px 0 #87898d;
.title {
font-weight: bold;
}
.permissionLine {
margin-top: 5px;
display: flex;
align-items: center;
.bell {
margin-top: -1px;
margin-right: 5px;
}
}
.buttonRow {
display: flex;
flex-direction: row;
justify-content: flex-end;
.disabled {
cursor: not-allowed;
outline: '#e2e8f0' 'solid' 1;
background-color: white;
}
button {
margin-left: 10px;
padding: 4px 15px;
border-radius: 3px;
border-style: solid;
}
}
}
}