ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / membru.tbf.ro / src / scss /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _sidebar.scss \| Size : 1.38 KB
.sidebar-tbf{ width: 102px; border-right: 1px solid $borderColor; display: flex; flex-direction: column; justify-content: space-between; @include media('<=769px'){ width: 80px; } .logo-tbfdigital{ height: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .main-menu{ display: flex; flex-direction: column; .item-menu{ width: 100%; a{ display: flex; justify-content: center; align-items: center; height: 71px; width: 100%; position: relative; .inactive-icon{ display: block; } .active-icon{ display: none; } &:focus{ outline: none; } &:hover{ .inactive-icon{ display: none; } .active-icon{ display: block; } } svg{ width: 20px; } .border-left-active{ position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: #FFF; border: 1px solid transparent; border-radius: 10px; margin-left: -3px; } &.active{ .inactive-icon{ display: none; } .active-icon{ display: block; } .border-left-active{ background: $red; } svg{ width: 24px; } } } } } .logout-sidebar{ height: 100px; display: flex; align-items: center; justify-content: center; .logout-action{ cursor: pointer; } } } Back

Edit File : _sidebar.scss | Size : 1.38 KB

.sidebar-tbf{
	width: 102px;
	border-right: 1px solid $borderColor;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	@include media('<=769px'){
		width: 80px;
	}
	.logo-tbfdigital{
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.main-menu{
		display: flex;
		flex-direction: column;
		.item-menu{
			width: 100%;
			a{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 71px;
				width: 100%;
				position: relative;
				.inactive-icon{
					display: block;
				}
				.active-icon{
					display: none;
				}
				&:focus{
					outline: none;
				}
				&:hover{
					.inactive-icon{
						display: none;
					}
					.active-icon{
						display: block;
					}
				}
				svg{
					width: 20px;
				}
				.border-left-active{
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					width: 6px;
					background: #FFF;
					border: 1px solid transparent;
					border-radius: 10px;
					margin-left: -3px;
				}
				&.active{
					.inactive-icon{
						display: none;
					}
					.active-icon{
						display: block;
					}
					.border-left-active{
						background: $red;
					}
					svg{
						width: 24px;
					}
				}
			}
		}
	}
	.logout-sidebar{
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		.logout-action{
			cursor: pointer;
		}
	}
}

Back