enhancements, blockchain button

Pages/ModalAssets.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">

Pages/ModalCompetency.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">

Pages/ModalFiles.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">

Pages/ModalInfo.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">
@@ -31,6 +31,7 @@
     public RenderFragment Body { get; set; }
 
     private string modalDisplay = "none;";
+    private string modalClass = "";
     private string message = "";
 
     public void Open(string message = "")

Pages/ModalProfile.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">

Pages/ModalRating.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">

Pages/ModalRules.razor

@@ -1,4 +1,4 @@
-<div class="modal" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
+<div class="modal fadein" tabindex="-1" role="dialog" style="display:@modalDisplay; overflow: hidden">
     <div class="modal-container">
         <div class="modal__body">
             <div class="modal__body__header">

Shared/Sidebar.razor

@@ -9,32 +9,35 @@
                 <div class="top-href__logo">
                     <img src="img/logo.svg" alt="">
                 </div>
-                <a href="" title="Личные данные" @onclick="@ProfileClick">
+                <a style="cursor:pointer" title="Личные данные" @onclick="@ProfileClick">
                     <img src="img/user.svg" alt="">
                 </a>
             </div>
             <div class="middle-href">
-                <a href="" title="Файлы" @onclick="@FilesClick">
+                <a style="cursor:pointer" title="Файлы" @onclick="@FilesClick">
                     <img src="img/files.svg" alt="">
                 </a>
-                <a href="" title="Компетенции" @onclick="@CompetencyClick">
+                <a style="cursor:pointer" title="Компетенции" @onclick="@CompetencyClick">
                     <img src="img/competence.svg" alt="">
                 </a>
-                <a href="" title="Рейтинги" @onclick="@RatingClick">
+                <a style="cursor:pointer" title="Рейтинги" @onclick="@RatingClick">
                     <img src="img/raiting.svg" alt="">
                 </a>
-                <a href="" title="Правила системы" @onclick="@RulesClick">
+                <a style="cursor:pointer" title="Правила системы" @onclick="@RulesClick">
                     <img src="img/rules.svg" alt="">
                 </a>
-                <a href="" title="Цифровые активы" @onclick="@AssetsClick">
+                <a style="cursor:pointer" title="Цифровые активы" @onclick="@AssetsClick">
                     <img src="img/packet.svg" alt="">
                 </a>
+                <a href="blockchains" title="Блокчейн">
+                    <img src="img/ethereum.svg" alt="">
+                </a>
             </div>
             <div class="bottom-href">
-                <a href="" title="Настройки" @onclick="@ErrorClick">
+                <a style="cursor:pointer" title="Настройки" @onclick="@ErrorClick">
                     <img src="img/options.svg" alt="">
                 </a>
-                <a href="" title="Выйти" @onclick="@ExitClick">
+                <a style="cursor:pointer" title="Выйти" @onclick="@ExitClick">
                     <img src="img/enter.svg" alt="">
                 </a>
             </div>

wwwroot/css/style.css

@@ -28,6 +28,22 @@
 .no_scroll {
   overflow-y: hidden; }
 
+.fadein {
+    animation-name: modal-fadein;
+    animation-duration: 500ms;
+    animation-timing-function: linear;
+}
+
+@keyframes modal-fadein {
+    0% {
+        opacity: 0%;
+    }
+
+    100% {
+        opacity: 100%;
+    }
+}
+
 body {
   background-color: #afb0b0;
   font-weight: normal;

wwwroot/img/ethereum.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 403.8 657.6" style="enable-background:new 0 0 403.8 657.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<polygon class="st0" points="201.8,454.2 403.7,334.9 201.8,0 0,334.9 201.8,454.2 "/>
+<path class="st0" d="M201.8,657.6l202-284.4l-202,119.2L0,373.2L201.8,657.6z"/>
+</svg>