rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: fix alert max-width

Browse Source
This commit is contained in:
Aman Harwara
2023-05-16 20:32:57 +05:30
parent 91e2d66e58
commit 8d154b48b8
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/styles/src/Alert/Alert.ts
View File

@@ -111,14 +111,16 @@ export class SKAlert {
</button>
</div>`
: ''
const messageTemplate = this.text ? `<p class='sk-p text-base lg:text-sm'>${this.text}</p>` : ''
const messageTemplate = this.text
? `<p class='sk-p text-base lg:text-sm' style="max-width: 100%; overflow: hidden; text-overflow: ellipsis;">${this.text}</p>`
: ''
const template = `
<div class="sk-modal">
<div class="sk-modal-background"></div>
<div class="sk-modal-content">
<div class="sn-component">
<div class="sk-panel" style='max-width: 500px;'>
<div class="sk-panel" style='max-width: min(95vw, 500px);'>
<div class="sk-panel-content" ${panelStyle}>
<div class="sk-panel-section">
${titleTemplate}