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 {
|
.telegram-settings input {
|
||||||
width: 100%;
|
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 {
|
.settings-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
+4
-2
@@ -231,8 +231,10 @@
|
|||||||
<p class="ai-help">
|
<p class="ai-help">
|
||||||
Bot vytvoris v Telegramu pres BotFather. Webhook URL zkopiruj do setWebhook nebo ji pouzijeme pri nastaveni serveru.
|
Bot vytvoris v Telegramu pres BotFather. Webhook URL zkopiruj do setWebhook nebo ji pouzijeme pri nastaveni serveru.
|
||||||
</p>
|
</p>
|
||||||
<label><input id="telegramEnabled" type="checkbox"> zapnout Telegram</label>
|
<div class="telegram-top-row">
|
||||||
<label>Jmeno odpovedi <input id="telegramOperatorName" autocomplete="off" placeholder="Alex"></label>
|
<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
|
<label class="full-row">Bot token
|
||||||
<input id="telegramBotToken" type="password" autocomplete="off" placeholder="123456:ABC...">
|
<input id="telegramBotToken" type="password" autocomplete="off" placeholder="123456:ABC...">
|
||||||
<small id="telegramStatus">Telegram neni nastaveny.</small>
|
<small id="telegramStatus">Telegram neni nastaveny.</small>
|
||||||
|
|||||||
Reference in New Issue
Block a user