univer-7th-semester/interfaces
Code Actions Releases 2

Элементы по отдельности

Browse Source
This commit is contained in:
Артём Тищенко
2025-11-25 11:52:22 +03:00
parent 77c7e2834a
commit b2f30dfc00
13 changed files with 491 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
lab1/screen-forms/elements/list-item.html Normal file
View File

@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Элемент списка</title>
<link rel="stylesheet" href="../common.css">
<style>
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: var(--color-bg-light);
padding: 40px;
}
.element-container {
width: 335px;
display: flex;
flex-direction: column;
gap: 20px;
}
.element-title {
font-size: 20px;
font-weight: 600;
color: var(--color-text-dark);
text-align: center;
}
.element-description {
font-size: 14px;
color: var(--color-text-medium);
text-align: center;
}
</style>
</head>
<body>
<div class="element-container">
<h2 class="element-title">Элемент списка</h2>
<div class="list-item">
<div class="list-item-icon">📍</div>
<div class="list-item-content">
<div class="list-item-title">Заголовок элемента</div>
<div class="list-item-subtitle">Дополнительная информация</div>
</div>
</div>
<div class="list-item">
<div class="list-item-icon">🍄</div>
<div class="list-item-content">
<div class="list-item-title">Белый гриб</div>
<div class="list-item-subtitle">Найден в 14:35</div>
</div>
</div>
<p class="element-description">
Высота иконки: 40×40pt<br>
Заголовок: 17pt, полужирный<br>
Подзаголовок: 14pt, серый<br>
Отступы: 14pt вертикально, 16pt горизонтально
</p>
</div>
</body>
</html>