Коммит cb92f1e5 создал по автору Teri-IM's avatar Teri-IM
Просмотр файлов

Стилизация кнопки

владелец a8feed34
Скрыть пробелы
Построчно Рядом
portal/static/css/projects/index.css
Просмотр файла @ cb92f1e5
...@@ -54,6 +54,9 @@ ...@@ -54,6 +54,9 @@
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 0px 4px 3px rgba(62.69, 62.69, 62.69, 0.27); box-shadow: 0px 0px 4px 3px rgba(62.69, 62.69, 62.69, 0.27);
display: flex;
flex-direction: column;
justify-content: space-around;
} }
.cap { /* Название*/ .cap { /* Название*/
...@@ -63,6 +66,12 @@ ...@@ -63,6 +66,12 @@
} }
.text { /* Описание*/ .text { /* Описание*/
align-self: center;
min-width: 88%;
min-height: 40px;
}
.files { /* main-div всех файлов*/
} }
...@@ -73,6 +82,31 @@ ...@@ -73,6 +82,31 @@
.filename { /* Название файла*/ .filename { /* Название файла*/
} }
a.btn-projects { /* Кнопка проекта*/
align-self: center;
display: flex;
margin-bottom: 2%;
height: 50px;
min-width: 30%;
border: 0;
box-shadow: 0px 0px 4px 3px rgba(62.69, 62.69, 62.69, 0.55);
border-radius: 10px;
background-color: #FFFFFF;
/* text-align: center; */
justify-content: center;
}
.inbtn {
}
a.btn-projects:hover, a.btn-projects.hover {
background-color: #DBE1FF;
}
a.btn-projects:active, a.btn-projects.active {
background-color: #546FFF;
}
@media (max-width: 1000px) { @media (max-width: 1000px) {
.main { .main {
......
portal/templates/projects/index.html
Просмотр файла @ cb92f1e5
...@@ -33,7 +33,6 @@ ...@@ -33,7 +33,6 @@
{% for project in projects %} {% for project in projects %}
<div class="flex" id="flex{{ project.project.id }}"> <!-- id проекта --> <div class="flex" id="flex{{ project.project.id }}"> <!-- id проекта -->
<p class="cap">{{ project.project.name }}</p> <!-- Название проекта --> <p class="cap">{{ project.project.name }}</p> <!-- Название проекта -->
<button class="btn btn-projects"><a href="./?id={{ project.project.id }}">Редактирование проекта</a></button> <!-- кнопка --> <!--Нужно сделать ссылку по типу projects/index/id_проекта-->
<p class="text">{{ project.project.description }}</p> <!-- Описание проекта --> <p class="text">{{ project.project.description }}</p> <!-- Описание проекта -->
<div class="files"> <div class="files">
{% for file in project.files %} <!-- цикл для отрисовки файлов --> {% for file in project.files %} <!-- цикл для отрисовки файлов -->
...@@ -42,6 +41,9 @@ ...@@ -42,6 +41,9 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<a href="./?id={{ project.project.id }}" class="a btn-projects"> <!-- кнопка -->
<p class="p inbtn">Редактирование проекта</p>
</a>
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
......
Поддерживает Markdown
0% или .
You are about to add 0 people to the discussion. Proceed with caution.
Сначала завершите редактирование этого сообщения!
Пожалуйста, зарегистрируйтесь или чтобы прокомментировать