ydeng/props
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Performed some styling.

Browse Source 
Switched some styling to Bootstrap classes.

Removed some classes.
This commit is contained in:
Harrison Deng 2021-07-22 16:40:46 -05:00
parent 2719142538
commit e22c2b3049
6 changed files with 13 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Props/Areas/Identity/Pages/Account/Login.cshtml
View File

@ -5,8 +5,8 @@
ViewData["Title"] = "Log in"; ViewData["Title"] = "Log in";
} }
<div class="flex-grow-1 d-flex flex-column justify-content-center"> <div class="flex-grow-1 d-flex flex-column justify-content-center py-3">
<div class="jumbotron sole d-flex flex-column align-content-center"> <div class="jumbotron d-flex flex-column align-content-center">
<img alt="Props logo" src="~/images/logo-simplified.svg" class="img-fluid" style="max-height: 180px;" asp-append-version="true" /> <img alt="Props logo" src="~/images/logo-simplified.svg" class="img-fluid" style="max-height: 180px;" asp-append-version="true" />
<h1 class="mt-3 mb-4 text-center">@ViewData["Title"]</h1> <h1 class="mt-3 mb-4 text-center">@ViewData["Title"]</h1>
<div class="my-3 row justify-content-md-center"> <div class="my-3 row justify-content-md-center">

6
Props/Areas/Identity/Pages/Account/Register.cshtml
View File

@ -4,10 +4,10 @@
ViewData["Title"] = "Register"; ViewData["Title"] = "Register";
} }
<div class="flex-grow-1 d-flex flex-column justify-content-center"> <div class="flex-grow-1 d-flex flex-column justify-content-center py-3">
<div class="jumbotron sole d-flex flex-column align-content-center"> <div class="jumbotron d-flex flex-column align-content-center">
<img alt="Props logo" src="~/images/logo-simplified.svg" class="img-fluid" style="max-height: 180px;" asp-append-version="true" /> <img alt="Props logo" src="~/images/logo-simplified.svg" class="img-fluid" style="max-height: 180px;" asp-append-version="true" />
<h1 class="mt-3 mb-4 text-center">@ViewData["Title"]</h1> <h1 class="mt-3 mb-4 text-center display-2">@ViewData["Title"]</h1>
<div class="my-3 row justify-content-md-center"> <div class="my-3 row justify-content-md-center">
<div class="col-md-4"> <div class="col-md-4">
<form asp-route-returnUrl="@Model.ReturnUrl" method="post"> <form asp-route-returnUrl="@Model.ReturnUrl" method="post">

2
Props/Pages/Index.cshtml
View File

@ -11,7 +11,7 @@
<img alt="Props logo" src="~/images/logo.svg" class="img-fluid" style="max-height: 540px;" asp-append-version="true" /> <img alt="Props logo" src="~/images/logo.svg" class="img-fluid" style="max-height: 540px;" asp-append-version="true" />
</div> </div>
<div class="text-center px-3 my-2 concise"> <div class="text-center px-3 my-2 concise">
<h1 class="my-2">Props</h1> <h1 class="my-2 display-1">Props</h1>
<p> <p>
@ContentManager.Json.description @ContentManager.Json.description
</p> </p>

2
Props/Pages/Search.cshtml
View File

@ -17,7 +17,7 @@
<div class="tear d-none" id="configuration"> <div class="tear d-none" id="configuration">
<div class="container invisible"> <div class="container invisible">
<h2 class="my-2">Configuration</h2> <h1 class="my-2 display-2">Configuration</h1>
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<section class="col-lg"> <section class="col-lg">
<h3>Price</h3> <h3>Price</h3>

3
Props/assets/js/main.js
View File

@ -1,2 +1,5 @@
// Site-wide JS imports:
import "~/node_modules/bootstrap/js/dist/collapse"; import "~/node_modules/bootstrap/js/dist/collapse";
import "simplebar"; import "simplebar";

22
Props/assets/scss/main.scss
View File

@ -41,7 +41,7 @@ main {
border-bottom-style: solid; border-bottom-style: solid;
@include themer.themed { @include themer.themed {
$tear: themer.color-of("background"); $tear: themer.color-of("background");
border-color: adjust-color($color: $tear, $lightness: -20%, $alpha: 1.0); border-color: adjust-color($color: $tear, $lightness: -12%, $alpha: 1.0);
background-color: adjust-color($color: $tear, $lightness: -5%, $alpha: 1.0); background-color: adjust-color($color: $tear, $lightness: -5%, $alpha: 1.0);
} }
} }
@ -77,16 +77,6 @@ footer {
background-color: themer.color-of("sub"); background-color: themer.color-of("sub");
} }
} }
&.sole {
@include themer.themed {
background-color: themer.color-of("main");
border-color: themer.color-of("sub");
border-top-style: solid;
border-bottom-style: solid;
border-width: 1em;
}
}
} }
.concise { .concise {
@ -99,14 +89,6 @@ footer {
width: inherit; width: inherit;
} }
h1 {
font-size: 5em;
}
h2 {
font-size: 3em;
}
hr.concise { hr.concise {
@extend .my-3; @extend .my-3;
@include themer.themed { @include themer.themed {
@ -136,5 +118,7 @@ body {
} }
} }
// Site-wide css imports:
@import "~/node_modules/bootstrap-icons/font/bootstrap-icons.css"; @import "~/node_modules/bootstrap-icons/font/bootstrap-icons.css";
@import "~/node_modules/simplebar/dist/simplebar.min.css"; @import "~/node_modules/simplebar/dist/simplebar.min.css";