Se crea el archivo de estilos para la barra de navegación (3fc419e3) · Commits · Lorenzo Trujillo Rojas / PueblosMagicosConIAFK

web/src/components/admin_panel_navbar/assets/styles/style.css

0 → 100644

+90 −0

Original line number	Diff line number	Diff line
		:root {
		--shadow: 0px 2px 8px 0px gray;
		}

		.navbar{
		height: 40px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-shadow: var(--shadow);

		}

		.profile{
		position: absolute;
		right: 20px;
		}

		.user-pic{
		width: 30px;
		border-radius: 50%;
		cursor: pointer;
		background: white;
		}

		.profile-sub-menu-wrap{
		position: absolute;
		top: 100%;
		right: 10%;
		max-width: 400px;
		overflow: hidden;
		transition: max-height 0.5s;
		}

		.sub-menu{
		background: white;
		padding: 10px;
		margin: 10px;
		}

		.user-info{
		display: flex;
		align-items: center;
		}

		.user-info img{
		width: 60px;
		margin-right: 15px;
		border-radius: 50%;
		}

		.user-info h3{
		font-weight: 500;
		}

		.sub-menu hr{
		border: 0;
		height: 1px;
		width: 100%;
		background: #ccc ;
		margin: 15px 0 10px;
		}

		.sub-menu-link{
		display: flex;
		align-items: center;
		text-decoration: none;
		color: #525252;
		}

		.sub-menu-link:hover .sub-menu-link-icon{
		transform: scale(1.1);
		}

		.sub-menu-link:hover p{
		font-weight: 600;
		}

		.sub-menu-link p{
		user-select: none;
		}

		.sub-menu-link .sub-menu-link-icon{
		width: 20px;
		background: #E5E5E5;
		border-radius: 50%;
		padding: 8px;
		margin-right: 15px;
		}
		No newline at end of file