added fitness

2026-06-10 09:12:50 +03:00
parent 0b39692300
commit d0bdd1e95c
25 changed files with 2082 additions and 7 deletions
@@ -0,0 +1,179 @@
+.fitness-page {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.fitness-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.fitness-header h2 {
+  margin: 0 0 0.25rem;
+}
+
+.fitness-header p {
+  margin: 0;
+  color: #8b95a8;
+  font-size: 0.9rem;
+}
+
+.fitness-header-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.fitness-message {
+  padding: 0.6rem 0.9rem;
+  background: #1a2433;
+  border: 1px solid #2a3f5a;
+  border-radius: 8px;
+}
+
+.fitness-section {
+  background: #151922;
+  border: 1px solid #2a2f3a;
+  border-radius: 10px;
+  padding: 1rem 1.25rem;
+}
+
+.fitness-section h3 {
+  margin: 0 0 0.75rem;
+}
+
+.fitness-section h4 {
+  margin: 0.75rem 0 0.35rem;
+  font-size: 0.85rem;
+  color: #8b95a8;
+}
+
+.fitness-progress-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+.fitness-progress-header {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.85rem;
+  margin-bottom: 0.2rem;
+}
+
+.fitness-progress-track {
+  height: 8px;
+  background: #0f1218;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.fitness-progress-fill {
+  height: 100%;
+  background: #3d7a5a;
+  border-radius: 4px;
+}
+
+.fitness-profile-form {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  gap: 0.75rem;
+}
+
+.fitness-profile-form label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.85rem;
+  color: #8b95a8;
+}
+
+.fitness-profile-form input,
+.fitness-profile-form select {
+  padding: 0.45rem 0.6rem;
+  border-radius: 6px;
+  border: 1px solid #2a2f3a;
+  background: #0f1218;
+  color: #e8ecf1;
+}
+
+.fitness-profile-form button {
+  grid-column: 1 / -1;
+  justify-self: start;
+}
+
+.fitness-computed {
+  margin: 0.75rem 0 0;
+  font-size: 0.9rem;
+  color: #8b95a8;
+}
+
+.fitness-log-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.fitness-log-list li {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.35rem 0;
+  border-bottom: 1px solid #1e2430;
+  font-size: 0.9rem;
+}
+
+.fitness-log-list button {
+  padding: 0 0.4rem;
+  font-size: 1rem;
+  line-height: 1;
+}
+
+.fitness-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.9rem;
+}
+
+.fitness-table th,
+.fitness-table td {
+  text-align: left;
+  padding: 0.35rem 0.5rem;
+  border-bottom: 1px solid #1e2430;
+}
+
+.fitness-reminders {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.fitness-reminders li {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+}
+
+.fitness-empty {
+  color: #8b95a8;
+  font-style: italic;
+}
+
+.fitness-raw {
+  background: #0f1218;
+  border: 1px solid #2a2f3a;
+  border-radius: 10px;
+  padding: 1rem;
+  overflow: auto;
+  font-size: 0.82rem;
+  max-height: 70vh;
+}