42 lines
1.9 KiB
Plaintext
42 lines
1.9 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Private message</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
body.window.pmwin { left: auto; right: 250dp; top: auto; bottom: 360dp; width: 480dp; height: 440dp; }
|
|
#pmhist { flex: 1; overflow-y: auto; padding: 10dp; border: 1dp #24405c; border-radius: 3dp; background-color: #0d1622; }
|
|
.ln { margin: 4dp 0; display: block; }
|
|
.ln .b { display: block; width: 80%; padding: 6dp 10dp; border-radius: 6dp; background-color: #122033; font-size: 15dp; line-height: 1.3; text-align: left; }
|
|
.ln.mine .b { margin-left: auto; }
|
|
.ln.mine .tm { text-align: right; }
|
|
.ln.mine .b { background-color: #f2b13c1f; border: 1dp #f2b13c55; }
|
|
.ln .tm { display: block; font-family: "IBM Plex Mono"; font-size: 10dp; color: #8197ad; margin: 1dp 4dp; }
|
|
.send { display: flex; flex-direction: row; margin-top: 10dp; }
|
|
.send input.text { flex: 1; margin: 0 8dp 0 0; }
|
|
</style>
|
|
</head>
|
|
<body class="window pmwin" data-model="pm">
|
|
<div class="win-head">
|
|
<span class="title" style="font-size: 18dp;">{{ name }}</span>
|
|
<span class="loc">private</span>
|
|
<span class="spacer"></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content" style="display: flex; flex-direction: column; padding: 12dp;">
|
|
<div id="pmhist">
|
|
<div class="hint" data-if="lines.size == 0">No messages yet.</div>
|
|
<div class="ln" data-for="l : lines" data-class-mine="l.mine">
|
|
<div class="b" data-rml="l.rml"></div>
|
|
<span class="tm">{{ l.time }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="send">
|
|
<input class="text" type="text" data-value="edit" maxlength="200"/>
|
|
<div class="btn primary" data-action="send">Send</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|