working frontend and backend
This commit is contained in:
@@ -1,26 +0,0 @@
|
||||
.menuBtn {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 1000;
|
||||
border: none;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-size: 24px; /* Aumenta el tamaño del icono */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--primary-color);
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s, transform 0.3s;
|
||||
}
|
||||
|
||||
.menuBtn .fa-bars {
|
||||
width: 30px; /* Ajusta el ancho del icono */
|
||||
height: 30px; /* Ajusta la altura del icono */
|
||||
}
|
||||
|
||||
.menuBtn:hover {
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
@@ -1,90 +0,0 @@
|
||||
.side-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -350px;
|
||||
width: 350px;
|
||||
height: 100%;
|
||||
transition: left 0.3s ease;
|
||||
padding: 30px;
|
||||
box-shadow: 2px 0 5px rgba(0,0,0,0.5);
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.side-menu.light {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.side-menu.dark {
|
||||
background-color: #333;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.side-menu.open {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.blur {
|
||||
filter: blur(5px);
|
||||
transition: filter 0.3s ease;
|
||||
}
|
||||
|
||||
.side-menu .close-btn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.side-menu .close-btn.light {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.side-menu .close-btn.dark {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.side-menu .close-btn .fa-times {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.side-menu .close-btn:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.side-menu .home-btn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.side-menu .home-btn .fa-home {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.side-menu .home-btn.light {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.side-menu .home-btn.dark {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.side-menu .home-btn:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
hr.separation {
|
||||
margin: 60px 0;
|
||||
border: none;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
@@ -51,4 +51,3 @@
|
||||
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user