mirror of
https://github.com/trufflesecurity/xsshunter
synced 2024-11-10 06:44:13 +00:00
Styling updates
This commit is contained in:
parent
caf5034da2
commit
03f0e15dd4
8 changed files with 24 additions and 22 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -107,8 +107,13 @@
|
|||
margin-left: 17px;
|
||||
margin-top: 3px;
|
||||
text-transform: uppercase;
|
||||
font-size: $font-size-xl;
|
||||
font-weight: bold;
|
||||
|
||||
small {
|
||||
font-size: $font-paragraph;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggle button:focus, .navbar-toggler{
|
||||
outline: none;
|
||||
|
|
|
@ -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"]{
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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> User Settings</h1>
|
||||
</div>
|
||||
<card>
|
||||
<h4 class="card-title">Injection Correlation API Key</h4>
|
||||
|
|
Loading…
Reference in a new issue