style: Update layout

pull/1/head
Lunix-420 2024-11-04 15:29:53 +01:00
parent d077f6a10c
commit 3fccb0faf3
5 changed files with 19 additions and 40 deletions

Binary file not shown.

View File

@ -2,29 +2,14 @@
background-color: var(--cosmic-dark-dark);
color: var(--starlight-white-lighter);
border: 1px solid var(--cosmic-dark-medium);
border-radius: 8px;
padding: 20px;
border-radius: 5px;
padding: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s;
}
.project-card:hover {
transform: translateY(-5px);
}
.project-card .card-title {
color: var(--starlight-white-lighter);
margin-bottom: 15px;
}
.project-card .card-details {
display: flex;
justify-content: space-between;
align-items: center;
}
.project-card .card-text {
margin-bottom: 0;
margin-bottom: 10px;
}
.btn-create-project {
@ -38,7 +23,7 @@
background-color: var(--aurora-yellowgreen-lighter);
border: none;
border-radius: 4px;
margin-bottom: 20px;
margin-bottom: 10px;
}
.btn-create-project:hover {

View File

@ -2,14 +2,8 @@
background-color: var(--cosmic-dark-dark);
color: var(--starlight-white-lighter);
border: 1px solid var(--cosmic-dark-medium);
border-radius: 8px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s;
}
.project-card:hover {
transform: translateY(-5px);
}
.project-card .card-title {
@ -17,19 +11,14 @@
margin-bottom: 15px;
}
.project-card .card-details {
display: flex;
justify-content: space-between;
align-items: center;
}
.project-card .card-text {
margin-bottom: 0;
}
.project-card .card-text .star {
color: var(--aurora-yellowgreen-lighter);
margin-right: 5px;
background-color: transparent;
border: none;
font-size: 25px;
}
.btn-create-project {
@ -52,7 +41,7 @@
.btn-delete {
display: inline-block;
padding: 10px 20px;
padding: 3px 10px;
font-size: 16px;
cursor: pointer;
text-align: center;
@ -68,7 +57,7 @@
}
.form-control {
background-color: var(--cosmic-dark-light);
background-color: var(--starlight-white-lighter);
color: var(--starlight-white-lighter);
border: 1px solid var(--cosmic-dark-medium);
border-radius: 4px;
@ -85,5 +74,5 @@
}
.star-empty {
color: var(--cosmic-dark-light);
color: var(--cosmic-dark-light) !important;
}

View File

@ -11,7 +11,12 @@
<div th:replace="~{_header :: header(activePage=${skills})}"></div>
<div class="content container mt-4">
<h2 class="mb-4">Add Skill</h2>
<form th:action="@{/skills/add}" th:object="${skillForm}" method="post">
<form
th:action="@{/skills/add}"
th:object="${skillForm}"
method="post"
class="project-card"
>
<div class="form-group">
<label for="primarySkill">Primary Skill</label>
<select
@ -55,7 +60,7 @@
></option>
</select>
</div>
<button type="submit" class="btn btn-primary">Add Skill</button>
<button type="submit" class="btn-create-project">Add Skill</button>
</form>
</div>
<div th:replace="~{_footer :: footer}"></div>

View File

@ -3,7 +3,7 @@
<head>
<div th:replace="~{_metadata :: metadata}"></div>
<title>Create Skill</title>
<link rel="stylesheet" href="/projects.css" />
<link rel="stylesheet" href="/skills.css" />
</head>
<body>
<div class="wrapper">