[TASK] #3 Fix overflow icon - redesign application
This commit is contained in:
122
src/assets/styles/main.scss
Normal file
122
src/assets/styles/main.scss
Normal file
@ -0,0 +1,122 @@
|
||||
@import '~bootstrap';
|
||||
@import '~bootstrap-vue';
|
||||
|
||||
:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#selectionDiv {
|
||||
margin: 10 10 5 30;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.0rem 0rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input[type=range] {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
font-size: xx-large;
|
||||
margin: 2
|
||||
}
|
||||
|
||||
select, input {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
// .btn-sm, .btn-group-sm > .btn {
|
||||
// padding: 0.25rem 0.5rem;
|
||||
// font-size: 1rem;
|
||||
// line-height: 1.2;
|
||||
// }
|
||||
|
||||
span.small {
|
||||
font-size: 75%;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
// section {
|
||||
// // margin: 0px 10px 0px 10px ;
|
||||
// }
|
||||
|
||||
// #vueOwnButtonStyle {
|
||||
// font-size: x-small;
|
||||
// line-height: 1.3;
|
||||
// border-radius: 0.2rem;
|
||||
// cursor: pointer;
|
||||
// padding: 4px 10.5px 4px 10;
|
||||
|
||||
// // background-color: coral;
|
||||
// // border-radius: 3px;
|
||||
|
||||
// // color: white;
|
||||
// // border: solid 1px transparent;
|
||||
|
||||
|
||||
// span {
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
table.active {
|
||||
border: 3px solid #9ac5e3;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
td {
|
||||
border:1px solid grey;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.traceroutes {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.traceroutes:visited {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.traceroutes:hover {
|
||||
color: #880000;
|
||||
transform: rotate(-30deg);
|
||||
}
|
||||
|
||||
.traceroutes:active {
|
||||
color: #bb0000;
|
||||
}
|
||||
|
||||
.traceroutes_rotating {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: #bb0000;
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
.odd {
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(-30deg); }
|
||||
25% { transform: rotate(0deg); }
|
||||
50% { transform: rotate(30deg); }
|
||||
75% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(-30deg); }
|
||||
}
|
Reference in New Issue
Block a user