messages: improve editor CSS

improved wrapping behaviour.
This commit is contained in:
Harvey Tindall
2025-12-05 20:46:42 +00:00
parent 556e1411f4
commit ab7694b50b

View File

@@ -266,8 +266,8 @@
<div id="modal-announce" class="modal"> <div id="modal-announce" class="modal">
<form class="relative mx-auto my-[10%] w-4/5 lg:w-2/3 content card" id="form-announce" href=""> <form class="relative mx-auto my-[10%] w-4/5 lg:w-2/3 content card" id="form-announce" href="">
<span class="heading"><span id="header-announce"></span> <span class="modal-close">&times;</span></span> <span class="heading"><span id="header-announce"></span> <span class="modal-close">&times;</span></span>
<div class="flex flex-col md:flex-row gap-4"> <div class="flex flex-row flex-wrap gap-4">
<div class="card ~neutral @low w-1/2 grow"> <div class="card ~neutral @low flex flex-col gap-2 justify-between basis-[24rem] grow-[4]">
<div id="announce-details" class="flex flex-col gap-2"> <div id="announce-details" class="flex flex-col gap-2">
<span class="label supra" for="editor-variables" id="label-editor-variables">{{ .strings.variables }}</span> <span class="label supra" for="editor-variables" id="label-editor-variables">{{ .strings.variables }}</span>
<div id="announce-variables" class="flex flex-row flex-wrap gap-2"> <div id="announce-variables" class="flex flex-row flex-wrap gap-2">
@@ -293,7 +293,7 @@
<span class="button ~info @low center supra" id="save-announce">{{ .strings.saveAsTemplate }}</span> <span class="button ~info @low center supra" id="save-announce">{{ .strings.saveAsTemplate }}</span>
</div> </div>
</div> </div>
<div class="card ~neutral @low flex flex-col gap-2 min-w-lg"> <div class="card ~neutral @low flex flex-col gap-2 basis-[24rem] grow">
<span class="subheading supra">{{ .strings.preview }}</span> <span class="subheading supra">{{ .strings.preview }}</span>
<div id="announce-preview"></div> <div id="announce-preview"></div>
</div> </div>
@@ -321,8 +321,8 @@
<div id="modal-editor" class="modal"> <div id="modal-editor" class="modal">
<form class="relative mx-auto my-[10%] w-4/5 lg:w-2/3 content card" id="form-editor" href=""> <form class="relative mx-auto my-[10%] w-4/5 lg:w-2/3 content card" id="form-editor" href="">
<span class="heading"><span id="header-editor"></span> <span class="modal-close">&times;</span></span> <span class="heading"><span id="header-editor"></span> <span class="modal-close">&times;</span></span>
<div class="flex flex-col md:flex-row gap-4"> <div class="flex flex-row flex-wrap gap-4">
<div class="card ~neutral @low w-1/2 grow flex flex-col gap-2 justify-between"> <div class="card ~neutral @low flex flex-col gap-2 justify-between basis-[24rem] grow-[4]">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<aside class="aside sm ~urge dark:~d_info @low" id="aside-editor"></aside> <aside class="aside sm ~urge dark:~d_info @low" id="aside-editor"></aside>
<label class="label supra" for="editor-variables" id="label-editor-variables">{{ .strings.variables }}</label> <label class="label supra" for="editor-variables" id="label-editor-variables">{{ .strings.variables }}</label>
@@ -341,7 +341,7 @@
</label> </label>
</div> </div>
</div> </div>
<div class="card ~neutral @low flex flex-col gap-2 min-w-lg"> <div class="card ~neutral @low flex flex-col gap-2 basis-[24rem] grow">
<span class="subheading supra">{{ .strings.preview }}</span> <span class="subheading supra">{{ .strings.preview }}</span>
<div id="editor-preview"></div> <div id="editor-preview"></div>
</div> </div>