Stramline template's use and adjust styl.es.
This commit is contained in:
@@ -24,7 +24,7 @@
|
||||
<span class="stat-text">{{ user.team.name if user.team else 'No Team' }}</span>
|
||||
</div>
|
||||
<div class="stat-badge">
|
||||
<span class="stat-icon">👤</span>
|
||||
<span class="stat-icon"><i class="ti ti-user"></i></span>
|
||||
<span class="stat-text">{{ user.role.value if user.role else 'Team Member' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -37,7 +37,7 @@
|
||||
<div class="flash-messages">
|
||||
{% for category, message in messages %}
|
||||
<div class="alert alert-{{ category }}">
|
||||
<span class="alert-icon">{% if category == 'success' %}✓{% elif category == 'error' %}✕{% else %}ℹ{% endif %}</span>
|
||||
<span class="alert-icon">{% if category == 'success' %}<i class="ti ti-check"></i>{% elif category == 'error' %}<i class="ti ti-x"></i>{% else %}<i class="ti ti-info-circle"></i>{% endif %}</span>
|
||||
{{ message }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
@@ -53,7 +53,7 @@
|
||||
<div class="card avatar-card">
|
||||
<div class="card-header">
|
||||
<h2 class="card-title">
|
||||
<span class="icon">🖼️</span>
|
||||
<span class="icon"><i class="ti ti-photo"></i></span>
|
||||
Profile Picture
|
||||
</h2>
|
||||
</div>
|
||||
@@ -65,15 +65,15 @@
|
||||
<div class="avatar-controls">
|
||||
<div class="control-tabs">
|
||||
<button class="tab-btn active" data-tab="default">
|
||||
<span class="tab-icon">👤</span>
|
||||
<span class="tab-icon"><i class="ti ti-user"></i></span>
|
||||
Default
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="upload">
|
||||
<span class="tab-icon">📤</span>
|
||||
<span class="tab-icon"><i class="ti ti-upload"></i></span>
|
||||
Upload
|
||||
</button>
|
||||
<button class="tab-btn" data-tab="url">
|
||||
<span class="tab-icon">🔗</span>
|
||||
<span class="tab-icon"><i class="ti ti-link"></i></span>
|
||||
URL
|
||||
</button>
|
||||
</div>
|
||||
@@ -95,7 +95,7 @@
|
||||
<form method="POST" action="{{ url_for('upload_avatar') }}" enctype="multipart/form-data" class="modern-form">
|
||||
<div class="upload-area">
|
||||
<label for="avatar_file" class="upload-label">
|
||||
<div class="upload-icon">📁</div>
|
||||
<div class="upload-icon"><i class="ti ti-folder-upload"></i></div>
|
||||
<div class="upload-text">Drop image here or click to browse</div>
|
||||
<div class="upload-hint">Max 5MB • JPG, PNG, GIF, WebP</div>
|
||||
<div class="file-name" id="file-name"></div>
|
||||
@@ -107,7 +107,7 @@
|
||||
<img id="upload-preview-img" src="" alt="Preview">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary" id="upload-btn" disabled>
|
||||
<span class="icon">⬆</span>
|
||||
<span class="icon"><i class="ti ti-upload"></i></span>
|
||||
Upload Avatar
|
||||
</button>
|
||||
</form>
|
||||
@@ -124,7 +124,7 @@
|
||||
<span class="form-hint">Enter a direct link to an image</span>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<span class="icon">✓</span>
|
||||
<span class="icon"><i class="ti ti-check"></i></span>
|
||||
Set Avatar URL
|
||||
</button>
|
||||
</form>
|
||||
@@ -137,7 +137,7 @@
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="card-title">
|
||||
<span class="icon">ℹ️</span>
|
||||
<span class="icon"><i class="ti ti-info-circle"></i></span>
|
||||
Account Information
|
||||
</h2>
|
||||
</div>
|
||||
@@ -175,7 +175,7 @@
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="card-title">
|
||||
<span class="icon">✉️</span>
|
||||
<span class="icon"><i class="ti ti-mail"></i></span>
|
||||
Email Settings
|
||||
</h2>
|
||||
</div>
|
||||
@@ -198,14 +198,14 @@
|
||||
</div>
|
||||
{% elif not user.email %}
|
||||
<div class="alert alert-info">
|
||||
<span class="alert-icon">ℹ️</span>
|
||||
<span class="alert-icon"><i class="ti ti-info-circle"></i></span>
|
||||
<p>Adding an email enables account recovery and notifications.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<span class="icon">✓</span>
|
||||
<span class="icon"><i class="ti ti-check"></i></span>
|
||||
{% if user.email %}Update{% else %}Add{% endif %} Email
|
||||
</button>
|
||||
</div>
|
||||
@@ -217,7 +217,7 @@
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="card-title">
|
||||
<span class="icon">🔒</span>
|
||||
<span class="icon"><i class="ti ti-lock"></i></span>
|
||||
Security Settings
|
||||
</h2>
|
||||
</div>
|
||||
@@ -251,7 +251,7 @@
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-warning">
|
||||
<span class="icon">🔑</span>
|
||||
<span class="icon"><i class="ti ti-key"></i></span>
|
||||
Change Password
|
||||
</button>
|
||||
</div>
|
||||
@@ -264,7 +264,7 @@
|
||||
<div class="tfa-status">
|
||||
{% if user.two_factor_enabled %}
|
||||
<div class="status-indicator enabled">
|
||||
<span class="status-icon">🛡️</span>
|
||||
<span class="status-icon"><i class="ti ti-shield"></i></span>
|
||||
<div>
|
||||
<div class="status-text">Enabled</div>
|
||||
<div class="status-description">Your account is protected with 2FA</div>
|
||||
@@ -279,7 +279,7 @@
|
||||
class="form-control" placeholder="Enter your password to disable 2FA" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-danger">
|
||||
<span class="icon">✕</span>
|
||||
<span class="icon"><i class="ti ti-x"></i></span>
|
||||
Disable 2FA
|
||||
</button>
|
||||
</form>
|
||||
@@ -293,7 +293,7 @@
|
||||
</div>
|
||||
|
||||
<a href="{{ url_for('setup_2fa') }}" class="btn btn-success">
|
||||
<span class="icon">✓</span>
|
||||
<span class="icon"><i class="ti ti-check"></i></span>
|
||||
Enable 2FA
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user