Styling updates

This commit is contained in:
hxnyk 2023-01-26 18:54:13 -08:00
parent caf5034da2
commit 03f0e15dd4
8 changed files with 24 additions and 22 deletions

View file

@ -5,6 +5,7 @@
//
.form-control {
background: #000000ab;
display: block;
width: 100%;
height: $input-height;
@ -12,7 +13,7 @@
font-size: $font-size-base;
line-height: $input-line-height;
color: $input-color;
background-color: $input-bg;
background-color: rgba($input-bg, 0.5);
background-clip: padding-box;
border: $input-border-width solid $input-border-color;

View file

@ -40,6 +40,7 @@
// Used for brand, project, or site names.
.navbar-brand {
font-family: $font-family-primary;
display: inline-block;
padding-top: $navbar-brand-padding-y;
padding-bottom: $navbar-brand-padding-y;

View file

@ -107,7 +107,12 @@
margin-left: 17px;
margin-top: 3px;
text-transform: uppercase;
font-size: $font-paragraph;
font-size: $font-size-xl;
font-weight: bold;
small {
font-size: $font-paragraph;
}
}
.navbar-toggle button:focus, .navbar-toggler{

View file

@ -182,22 +182,11 @@
}
&.active > a:not([data-toggle="collapse"]){
background: transparent;
background: rgba(0, 0, 0, 0.15);
i,p{
color: white;
}
&:before{
content: " ";
position: absolute;
height: 6px;
width: 6px;
top: 22px;
left: -4px;
background: $white;
border-radius: 50%;
}
}
&.active > a[data-toggle="collapse"]{

View file

@ -100,7 +100,7 @@ $default-color-opacity: rgba(182, 182, 182, .6) !default;
$orange-color: #f96332 !default;
$default: #344675 !default;
$primary: #e14eca !default;
$primary: #2e5543 !default;
$secondary: #f4f5f7 !default;
$success: #00f2c3 !default;
$info: #1d8cf8 !default;
@ -111,7 +111,7 @@ $vue: #42b883 !default;
// gradient
$default-states: #263148 !default;
$primary-states: #ba54f5 !default;
$primary-states: #111513 !default;
$success-states: #0098f0 !default;
$info-states: #3358f4 !default;
$warning-states: #ff6491 !default;
@ -119,8 +119,8 @@ $danger-states: #ec250d !default;
$black-states: #1d253b !default;
$vue-states: #389466 !default;
$background-black: #1e1e2f !default;
$background-states-black: #1e1e24 !default;
$background-black: #323232 !default;
$background-states-black: #1c1a1a !default;
// opacity
$default-opacity: rgba(182, 182, 182, .6) !default;
@ -379,7 +379,7 @@ $general-transition-time: 300ms !default;
// Fonts
$font-family-primary: 'Poppins', sans-serif !default;
$font-family-base: 'Poppins', sans-serif !default;
$font-family-alt: 'Poppins', sans-serif !default;
@ -899,7 +899,7 @@ $card-border-color: rgba($black, .05);
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});
$card-cap-bg: $gray-100 !default;
$card-bg: $white !default;
$card-black-background: #27293d !default;
$card-black-background: #463727 !default;
$card-img-overlay-padding: 1.25rem !default;
//$card-group-margin: ($grid-gutter-width / 2);

View file

@ -17,6 +17,12 @@
<p>Github Repo</p>
</a>
</li>
<li class="nav-item mt-5">
<a target="_blank" href="https://github.com/mandatoryprogrammer/xsshunter-express" class="nav-link">
<i class="fas fab fa-power-off"></i>
<p>Powered by Truffle Security</p>
</a>
</li>
</template>
</side-bar>
<div class="main-panel">

View file

@ -13,7 +13,7 @@
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<a class="navbar-brand" href="#pablo">{{routeName}}</a>
<a class="navbar-brand" href="#pablo">XSS HUNTER | <small>{{routeName}}</small></a>
</div>
<button class="navbar-toggler" type="button"
@click="toggleMenu"

View file

@ -5,7 +5,7 @@
<card class="xss-card-container">
<div class="row pl-4 pr-4 p-2" style="display: block;">
<div>
<h1><i class="fas fa-cogs"></i>User Settings</h1>
<h1><i class="fas fa-cogs"></i>&nbsp;User Settings</h1>
</div>
<card>
<h4 class="card-title">Injection Correlation API Key</h4>