Стили еще

This commit is contained in:
prodigygirl 2023-05-19 16:10:02 +04:00
parent e24861e30c
commit 246d1cc97d
6 changed files with 100 additions and 47 deletions

View File

@ -4,17 +4,23 @@
<div class="text-center"> <div class="text-center">
<h2 class="display-4">Вход в приложение</h2> <h2 class="display-4">Вход в приложение</h2>
</div> </div>
<form method="post" class="form mx-auto d-block" style="width: 50%"> <form method="post" class="form mx-auto d-block shadow p-3 mb-5 bg-white rounded" style="width: 30%">
<div class="row mb-3"> <div class="form-group row">
<div class="col-4">Логин:</div> <label for="login" class="col-sm-4 col-form-label">Логин:</label>
<div class="col-8"><input type="text" name="login" /></div> <div class="col-sm-8">
</div> <input type="text" class="form-control" id="login" name="login">
<div class="row mb-3"> </div>
<div class="col-4">Пароль:</div> </div>
<div class="col-8"><input type="password" name="password" /></div> <div class="form-group row">
</div> <label for="password" class="col-sm-4 col-form-label">Пароль:</label>
<div class="row mb-3"> <div class="col-sm-8">
<div class="col-8"></div> <input type="password" class="form-control" id="password" name="password">
<div class="col-4"><input type="submit" value="Вход" class="btn btn-primary" /></div> </div>
</div> </div>
<div class="form-group row">
<div class="col-sm-8"></div>
<div class="col-sm-4">
<button type="submit" class="btn btn-primary btn-block">Вход</button>
</div>
</div>
</form> </form>

View File

@ -13,7 +13,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Лекарства</h5> <h5 class="card-title">Лекарства</h5>
<p class="card-text">Добавляйте, редактируйте и удаляйте лекарства в базе данных</p> <p class="card-text">Добавляйте, редактируйте и удаляйте лекарства в базе данных</p>
<a href="@Url.Action("Medicines", "Medicine")" class="btn btn-primary">Перейти</a> <a href="@Url.Action("Medicines", "Medicine")" class="btn btn-outline-success">Перейти</a>
</div> </div>
</div> </div>
</div> </div>
@ -22,7 +22,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Поступления</h5> <h5 class="card-title">Поступления</h5>
<p class="card-text">Управляйте поступлениями лекарств в аптеку</p> <p class="card-text">Управляйте поступлениями лекарств в аптеку</p>
<a href="@Url.Action("Prescriptions", "Prescription")" class="btn btn-primary">Перейти</a> <a href="@Url.Action("Prescriptions", "Prescription")" class="btn btn-outline-success">Перейти</a>
</div> </div>
</div> </div>
</div> </div>
@ -31,7 +31,7 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Рецепты</h5> <h5 class="card-title">Рецепты</h5>
<p class="card-text">Добавляйте, редактируйте и удаляйте рецепты в базе данных</p> <p class="card-text">Добавляйте, редактируйте и удаляйте рецепты в базе данных</p>
<a href="@Url.Action("Recipes", "Recipe")" class="btn btn-primary">Перейти</a> <a href="@Url.Action("Recipes", "Recipe")" class="btn btn-outline-success">Перейти</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
@using HospitalContracts.ViewModels; @using HospitalContracts.ViewModels;
@model PrescriptionViewModel @model PrescriptionViewModel
@{ @{
ViewData["Title"] = "Create"; ViewData["Title"] = "Поступление";
} }
@{ @{

View File

@ -2,7 +2,7 @@
@using System.Globalization @using System.Globalization
@model RecipeViewModel @model RecipeViewModel
@{ @{
ViewData["Title"] = "Create"; ViewData["Title"] = "Рецепт";
} }
@{ @{

View File

@ -19,28 +19,32 @@
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between"> <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1"> <ul class="navbar-nav flex-grow-1">
<li class="nav-item"> @if (APIClient.Apothecary != null) {
<a class="nav-link text-dark" asp-area="" asp-controller="Prescription" asp-action="Prescriptions">Поступления</a> <li class="nav-item">
</li> <a class="nav-link text-dark" asp-area="" asp-controller="Prescription" asp-action="Prescriptions">Поступления</a>
<li class="nav-item"> </li>
<a class="nav-link text-dark" asp-area="" asp-controller="Medicine" asp-action="Medicines">Лекарства</a> <li class="nav-item">
</li> <a class="nav-link text-dark" asp-area="" asp-controller="Medicine" asp-action="Medicines">Лекарства</a>
<li class="nav-item"> </li>
<a class="nav-link text-dark" asp-area="" asp-controller="Recipe" asp-action="Recipes">Рецепты</a> <li class="nav-item">
</li> <a class="nav-link text-dark" asp-area="" asp-controller="Recipe" asp-action="Recipes">Рецепты</a>
<li class="nav-item dropdown"> </li>
<a class="nav-link text-dark dropdown-toggle" href="#" id="reportDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <li class="nav-item dropdown">
Отчеты <a class="nav-link text-dark dropdown-toggle" href="#" id="reportDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
</a> Отчеты
<div class="dropdown-menu" aria-labelledby="reportDropdown"> </a>
<a class="dropdown-item" asp-area="" asp-controller="Report" asp-action="ReportPatients">Отчет Пациенты</a> <div class="dropdown-menu" aria-labelledby="reportDropdown">
<a class="dropdown-item" asp-area="" asp-controller="Report" asp-action="ReportPrescriptions">Отчет Поступления</a> <a class="dropdown-item" asp-area="" asp-controller="Report" asp-action="ReportPatients">Отчет Пациенты</a>
</div> <a class="dropdown-item" asp-area="" asp-controller="Report" asp-action="ReportPrescriptions">Отчет Поступления</a>
</li> </div>
<li class="nav-item"> </li>
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Профиль</a> <li class="nav-item">
</li> <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Профиль</a>
</li>
}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Enter">Вход</a> <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Enter">Вход</a>
</li> </li>

View File

@ -31,27 +31,70 @@
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
} }
.lead {
color: #9ac86a;
font-weight: bold;
}
.card { .card {
margin-bottom: 2rem; margin-bottom: 2rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease-in-out;
}
.card:hover {
transform: scale(1.05);
} }
.card-title { .card-title {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: bold; font-weight: bold;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
color: #4c4c4c;
} }
.card-text { .card-text {
margin-bottom: 1rem; margin-bottom: 1rem;
color: #4c4c4c;
} }
.btn-primary { .btn-outline-success {
background-color: #007bff; color: #7cb342;
border-color: #007bff; border-color: #7cb342;
} }
.btn-primary:hover { .btn-outline-success:hover {
background-color: #0062cc; background-color: #7cb342;
border-color: #0062cc; color: #fff;
} }
.navbar-brand {
font-weight: bold;
color: #7cb342 !important;
}
a {
color: #7cb342; /* нежно-зеленый цвет для ссылок */
}
a:hover {
color: #5f8e29; /* темнее зеленый цвет для наведенных ссылок */
}
.table {
background-color: #fff; /* белый цвет фона таблицы */
}
.table th {
background-color: #7cb342; /* нежно-зеленый цвет фона заголовков таблицы */
color: #fff; /* белый цвет текста заголовков таблицы */
}
.table td {
background-color: #fff;
}
.navbar-nav .nav-link:hover {
background-color: #f2f2f2; /* нежно-зеленый цвет фона при наведении */
}