Stramline template's use and adjust styl.es.

This commit is contained in:
2025-07-09 06:45:31 +02:00
parent 77c2827fee
commit e959734973
16 changed files with 1844 additions and 2609 deletions

View File

@@ -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 %}