109 lines
7.6 KiB
HTML
109 lines
7.6 KiB
HTML
<h2>Студент — раздел «Мои вопросы»</h2>
|
|
<p class="subtitle">Список + открытый тред. Скажи что поправить.</p>
|
|
|
|
<div class="split" style="gap:16px; align-items:flex-start">
|
|
|
|
<!-- Список вопросов -->
|
|
<div class="mockup" style="flex:1">
|
|
<div class="mockup-header">/questions — Мои вопросы</div>
|
|
<div class="mockup-body" style="padding:12px; font-size:13px">
|
|
|
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px">
|
|
<span style="font-weight:700; font-size:15px">Мои вопросы</span>
|
|
<button style="padding:6px 14px; background:#F5F5F0; border:2px solid #323232; font-size:12px; font-weight:700; border-radius:2px; cursor:pointer">+ Задать вопрос</button>
|
|
</div>
|
|
|
|
<!-- Открытый вопрос с новым ответом -->
|
|
<div style="border:2px solid #323232; border-radius:2px; padding:10px; margin-bottom:8px; background:#F5F5F0; cursor:pointer">
|
|
<div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:4px">
|
|
<span style="font-weight:700; font-size:13px">Как настроить синхронизацию с телефоном?</span>
|
|
<span style="padding:2px 7px; background:#E8F0D8; border:1px solid #AAAAAA; font-size:10px; border-radius:2px; white-space:nowrap; margin-left:8px">● ОТКРЫТ</span>
|
|
</div>
|
|
<div style="color:#666; font-size:11px; margin-bottom:6px">3 сообщения · последнее от Дмитрия</div>
|
|
<div style="display:flex; align-items:center; gap:6px">
|
|
<span style="display:inline-block; width:8px; height:8px; background:#323232; border-radius:50%"></span>
|
|
<span style="font-size:11px; font-weight:700">Новый ответ от школы</span>
|
|
<span style="color:#999; font-size:11px">· 20 мин назад</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Обычный открытый вопрос -->
|
|
<div style="border:1px solid #AAAAAA; border-radius:2px; padding:10px; margin-bottom:8px; background:#F5F5F0; cursor:pointer">
|
|
<div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:4px">
|
|
<span style="font-size:13px">Ошибка при установке плагина Dataview</span>
|
|
<span style="padding:2px 7px; background:#E8F0D8; border:1px solid #AAAAAA; font-size:10px; border-radius:2px; white-space:nowrap; margin-left:8px">● ОТКРЫТ</span>
|
|
</div>
|
|
<div style="color:#666; font-size:11px">2 сообщения · ожидает ответа школы</div>
|
|
</div>
|
|
|
|
<!-- Закрытый вопрос -->
|
|
<div style="border:1px solid #E8E8E0; border-radius:2px; padding:10px; background:#FAFAFA; cursor:pointer; opacity:0.7">
|
|
<div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:4px">
|
|
<span style="font-size:13px; color:#666">Как экспортировать заметки в PDF?</span>
|
|
<span style="padding:2px 7px; background:#E8E8E0; font-size:10px; border-radius:2px; white-space:nowrap; margin-left:8px; color:#666">✓ ЗАКРЫТ</span>
|
|
</div>
|
|
<div style="color:#999; font-size:11px">5 сообщений · закрыт 10 мая</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Страница треда -->
|
|
<div class="mockup" style="flex:1.2">
|
|
<div class="mockup-header">/questions/[id] — Открытый тред</div>
|
|
<div class="mockup-body" style="padding:12px; font-size:13px">
|
|
|
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px">
|
|
<div>
|
|
<div style="font-weight:700; font-size:14px">Как настроить синхронизацию с телефоном?</div>
|
|
<div style="font-size:11px; color:#666">Создан 18 мая · <span style="color:#323232; font-weight:700">● Открыт</span></div>
|
|
</div>
|
|
<a href="#" style="font-size:11px; color:#666; text-decoration:underline">← Все вопросы</a>
|
|
</div>
|
|
|
|
<!-- Сообщения треда -->
|
|
<div style="display:flex; flex-direction:column; gap:8px; margin-bottom:12px; max-height:200px; overflow-y:auto">
|
|
|
|
<div style="background:#E8E8E0; padding:8px 10px; border-radius:2px; max-width:88%">
|
|
<div style="font-size:10px; color:#666; margin-bottom:3px">Ты · 18 мая, 10:14</div>
|
|
<div>Привет! Хочу синхронизировать хранилище между Mac и iPhone. Пробовал iCloud, но заметки иногда конфликтуют. Есть ли рекомендованный способ?</div>
|
|
</div>
|
|
|
|
<div style="background:#F5F5F0; border:2px solid #E8F0D8; padding:8px 10px; border-radius:2px; max-width:88%; align-self:flex-end">
|
|
<div style="font-size:10px; color:#666; margin-bottom:3px">Дмитрий (куратор) · 18 мая, 11:30</div>
|
|
<div>Рекомендую Obsidian Sync — он создан специально для этого. Или как альтернатива — Working Copy + Git. Какой вариант тебе ближе?</div>
|
|
</div>
|
|
|
|
<div style="background:#E8E8E0; padding:8px 10px; border-radius:2px; max-width:88%">
|
|
<div style="font-size:10px; color:#666; margin-bottom:3px">Ты · 18 мая, 11:45</div>
|
|
<div>Лучше без платной подписки если можно. Расскажи про Working Copy?</div>
|
|
<!-- файл -->
|
|
<div style="margin-top:6px; display:flex; align-items:center; gap:5px; padding:4px 7px; background:#F5F5F0; border:1px solid #AAAAAA; border-radius:2px; font-size:11px; width:fit-content">
|
|
<span>📎</span> <span>screenshot.png</span> <span style="color:#999">· 84 KB</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background:#F5F5F0; border:2px solid #E8F0D8; padding:8px 10px; border-radius:2px; max-width:88%; align-self:flex-end; border-left:3px solid #323232">
|
|
<div style="font-size:10px; color:#666; margin-bottom:3px">Дмитрий (куратор) · 18 мая, 20 мин назад · <strong>🔵 новое</strong></div>
|
|
<div>Working Copy — это Git-клиент для iOS. Схема: хранилище в приватном репо GitHub, Working Copy на телефоне синкает его автоматически...</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Форма ответа -->
|
|
<div style="border:2px solid #AAAAAA; border-radius:2px; padding:8px; background:#F5F5F0">
|
|
<textarea style="width:100%; border:none; background:transparent; font-size:13px; resize:none; outline:none; font-family:inherit; min-height:50px" placeholder="Написать сообщение..."></textarea>
|
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-top:6px; padding-top:6px; border-top:1px solid #E8E8E0">
|
|
<div style="display:flex; align-items:center; gap:6px">
|
|
<button style="padding:4px 8px; background:#F5F5F0; border:1px solid #AAAAAA; font-size:11px; border-radius:2px; cursor:pointer">📎 Прикрепить</button>
|
|
<span style="font-size:10px; color:#999">jpg, png, pdf, md · до 10 МБ</span>
|
|
</div>
|
|
<button style="padding:6px 16px; background:#323232; color:#F5F5F0; border:none; font-size:12px; font-weight:700; border-radius:2px; cursor:pointer">Отправить →</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|