Files
skjnldsv 4f93096421 feat(core): restyle two-factor selection and challenge pages
Provider tiles become list rows with an icon chip, description in
maxcontrast and a chevron, with hover and visible focus styles.
Secondary actions (another method, backup code, cancel) are grouped in
one block under a divider with button-like hit areas. The code input
and submit button get a larger, full-width style shared through
.two-factor-code-input and .two-factor-submit, and the backup code
input uses autocomplete="one-time-code".

The setup selection and setup challenge pages use the same classes.

Assisted-by: ClaudeCode:claude-opus-5-5
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
2026-09-29 09:52:00 +02:00

21 lines
775 B
PHP

<?php
declare(strict_types=1);
/**
* SPDX-FileCopyrightText: 2016 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
style('twofactor_backupcodes', 'style');
?>
<img class="two-factor-icon" src="<?php p(image_path('core', 'actions/more-white.svg')) ?>" alt="" />
<p><?php p($l->t('Use one of the backup codes you saved when setting up two-factor authentication.')) ?></p>
<form method="POST" class="challenge-form">
<input type="text" class="challenge two-factor-code-input" name="challenge" required="required" autofocus autocomplete="one-time-code" autocapitalize="off" placeholder="<?php p($l->t('Backup code')) ?>">
<button class="two-factor-submit primary" type="submit">
<?php p($l->t('Submit')); ?>
</button>
</form>