Refine Telegram settings layout
This commit is contained in:
@@ -336,6 +336,21 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
|
||||
.telegram-settings input {
|
||||
width: 100%;
|
||||
}
|
||||
.telegram-top-row {
|
||||
grid-column: 1 / -1;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(140px, .8fr) minmax(160px, 1fr);
|
||||
gap: 10px;
|
||||
align-items: end;
|
||||
}
|
||||
.telegram-top-row .setting-switch {
|
||||
min-height: 39px;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
.telegram-top-row label:not(.setting-switch) {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
.settings-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
+4
-2
@@ -231,8 +231,10 @@
|
||||
<p class="ai-help">
|
||||
Bot vytvoris v Telegramu pres BotFather. Webhook URL zkopiruj do setWebhook nebo ji pouzijeme pri nastaveni serveru.
|
||||
</p>
|
||||
<label><input id="telegramEnabled" type="checkbox"> zapnout Telegram</label>
|
||||
<label>Jmeno odpovedi <input id="telegramOperatorName" autocomplete="off" placeholder="Alex"></label>
|
||||
<div class="telegram-top-row">
|
||||
<label class="setting-switch">zapnout Telegram <input id="telegramEnabled" type="checkbox"></label>
|
||||
<label>Nick v chatu <input id="telegramOperatorName" autocomplete="off" placeholder="Alex"></label>
|
||||
</div>
|
||||
<label class="full-row">Bot token
|
||||
<input id="telegramBotToken" type="password" autocomplete="off" placeholder="123456:ABC...">
|
||||
<small id="telegramStatus">Telegram neni nastaveny.</small>
|
||||
|
||||
Reference in New Issue
Block a user