cuqmbr/auto.bus_razor
1
0
Fork 0
Code Issues Pull Requests Activity

feat: add style for topnav, cleanup _Layout.cshtml

Browse Source
This commit is contained in:
cuqmbr 2022-03-31 17:55:20 +03:00
parent 9a5a5052cb
commit acb7daf0cd
2 changed files with 49 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
TicketOffice/Pages/Shared/_Layout.cshtml
View File

@ -3,16 +3,20 @@
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>@ViewData["Title"] - Ticket Office</title>
<title>@ViewData["Title"] - auto.bus</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="~/css/Layout.css" asp-append-version="true"/>
</head> </head>
<body> <body>
<div class="wrapper">
@RenderBody() @RenderBody()
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/jquery/dist/jquery.min.js"></script>

40
TicketOffice/wwwroot/css/Layout.css Normal file
View File

@ -0,0 +1,40 @@
html {
font-size: 16px;
min-height: 100%;
font-family: 'Roboto', sans-serif;
background-color: #eaeef1;
}
body {
margin: 0;
}
/*-----Navbar-----*/
.topnav {
width: 100%;
background-color: white;
border-bottom: .2rem solid #78b5da;
overflow: auto;
}
.topnav a {
float: left;
padding: 12px;
text-decoration: none;
color: #1d4965;
font-size: 1.25rem;
font-weight: 700;
}
.topnav a:hover {
background-color: rgba(121, 182, 219, 0.5);
}
.topnav a.active {
background-color: #79b6db;
}
.topnav-right {
float: right;
}