Änderungen Design buttons

This commit is contained in:
ja
2021-08-26 08:30:21 +02:00
parent 117680772e
commit 8ab68adef8
3 changed files with 17 additions and 10 deletions

View File

@@ -28,7 +28,7 @@
} }
.btn btn-primary{ .btn btn-primary{
color: #043381; color: #043381;
background-color: #fff; background-color: #fff;
} }
#tableSearch{ #tableSearch{
width:1250px; width:1250px;

View File

@@ -174,7 +174,14 @@
ContentPlaceHolder1{ ContentPlaceHolder1{
width:2048px; width:2048px;
} }
.btn btn-primary{
color:#fff;
background-color:#043381;
}
.btn btn-primary:hover{
color:#043381;
background-color:#fff;
}
@media (max-width: 575px){ @media (max-width: 575px){
table { table {
border-collapse: collapse; border-collapse: collapse;
@@ -227,7 +234,7 @@
} }
#butclose{ #butclose{
transform:translateX(-50%); transform:translateX(-50%);
} }
} }
@media (min-width: 575px) { @media (min-width: 575px) {
#offcanvasWithBothOptions { #offcanvasWithBothOptions {
@@ -305,6 +312,7 @@
background-image: linear-gradient(to right, #003680 , #0055cc); background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff; color:#fff;
} }
</style> </style>
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server"> <asp:ContentPlaceHolder id="head" runat="server">
@@ -440,9 +448,9 @@
<div class="collapse" id="collapseExample"> <div class="collapse" id="collapseExample">
<ul style="list-style: none;"> <ul style="list-style: none;">
<li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff">Profil editieren</button></li> <li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff; color:#043381;" >Profil editieren</button></li>
<li><button type="button" class="btn btn-primary" style="background-color:#fff"><img src="../images/Icons/main/Logout.svg"; width="80"; />Logout</button></li> <li><button type="button" class="btn btn-primary" style="background-color:#fff;color:#043381"><img src="../images/Icons/main/Logout.svg" style="width:20px; height:20px"/>Logout</button></li>
</ul> </ul>
</div> </div>
@@ -473,7 +481,7 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" id="butclose" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" id="butclose" class="btn btn-secondary" style="background-color:#043381;color:#fff" data-bs-dismiss="modal">Close</button>
</div> </div>
</div> </div>
</div> </div>
@@ -493,11 +501,10 @@
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName2" runat="server" /></a> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName2" runat="server" /></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Test</a> <li><a class="dropdown-item" href="#">Test</a>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button>
</li> </li>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<li><button type="button" class="btn btn-primary" style="background-color:#fff"><img src="../images/Icons/main/Logout.svg"; width="80"; />Logout</button></li> <li><button type="button" class="btn btn-primary" style="background-color:#fff"><img src="../images/Icons/main/Logout.svg"; style="width:20px; height:20px" />Logout</button></li>
</ul></ul> </ul></ul>
@@ -599,7 +606,7 @@
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button>
</li> </li>
<li> <button type="button" class="btn btn-primary" style="background-color:#fff"><img src="../images/Icons/main/Logout.svg"; width="80"; />Logout</button></li> <li> <button type="button" class="btn btn-primary" style="background-color:#043381;color:#fff"><img src="../images/Icons/main/Logout.svg" style="width:20px; height:20px"/>Logout</button></li>
</ul></ul></div></nav></div> </ul></ul></div></nav></div>
<div style="margin-left:5px;margin-right:5px"> <div style="margin-left:5px;margin-right:5px">
<div style="height:95px;"></div> <div style="height:95px;"></div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB