Browse Source

css changes

master
radivoje.milutinovic 3 years ago
parent
commit
94496cfc15

+ 4
- 8
SecureSharing/Views/Home/Link.cshtml View File



@if (!Model.IsValid) @if (!Model.IsValid)
{ {
<div class="image-logo">
<h1>Document expired!</h1>
</div>
<h1>Document expired!</h1>
<a class="btn btn-light share-button" asp-controller="Home" asp-action="Index">Share message securely!</a> <a class="btn btn-light share-button" asp-controller="Home" asp-action="Index">Share message securely!</a>
} }
else else
{ {
<div class="image-logo">
<h1>Document is ready!</h1>
</div>
<h1>Document is ready!</h1>
<a href="/" class="share-more-files-button">Share more files</a> <a href="/" class="share-more-files-button">Share more files</a>


@if (Model.Share == true) @if (Model.Share == true)
{ {
<div class="label-text"> <div class="label-text">
Link is ready:
Link:
</div> </div>
<div id="div-link" class="label-text link-show"> <div id="div-link" class="label-text link-show">
@{ @{
} }
<a id="a-link" href="@link">@link</a> <a id="a-link" href="@link">@link</a>
</div> </div>
<a class="btn btn-light share-button" onclick="copyToClipboard()">Copy to clipboard!</a>
<a class="btn btn-light share-button mb-4" onclick="copyToClipboard()">Copy to clipboard!</a>
@if (!string.IsNullOrWhiteSpace(Model.MessageModel.Text)) @if (!string.IsNullOrWhiteSpace(Model.MessageModel.Text))
{ {
<div class="label-text"> <div class="label-text">

+ 1
- 1
SecureSharing/Views/Shared/_Layout.cshtml View File

<div class="share-files"> <div class="share-files">
<a href="/"> <a href="/">
<div class="image-logo"> <div class="image-logo">
<img src="~/img/logo.png" alt=""/>
<img src="~/img/logo.png" class="image-logo-image" alt=""/>
</div> </div>
</a> </a>
@RenderBody() @RenderBody()

+ 6
- 5
SecureSharing/wwwroot/css/site.css View File



.image-logo { .image-logo {
margin-top: 0; margin-top: 0;
margin-bottom: 2rem;
margin-bottom: 1.5rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
display: flex; display: flex;
} }


@media(max-width: 370px){ @media(max-width: 370px){
.image-logo {
.image-logo-image {
width: 250px; width: 250px;
} }
} }
justify-content: center; justify-content: center;
align-items: center; align-items: center;
display: flex; display: flex;
height: fit-content;
height: 54px;
min-height: fit-content;
} }


@media(max-width: 370px){ @media(max-width: 370px){


.label-text { .label-text {
font-size: 1.3rem; font-size: 1.3rem;
padding-left: 4px;
padding: 0.5rem;
} }


.label-text-lower { .label-text-lower {
border: 1px solid #8F9DCE; border: 1px solid #8F9DCE;
border-radius: 10px; border-radius: 10px;
color: #0D1C52; color: #0D1C52;
margin-bottom: 15px;
margin-bottom: 1rem;
} }


.browse-button { .browse-button {

Loading…
Cancel
Save