:3 love you
This commit is contained in:
		
							parent
							
								
									f59e1eeebd
								
							
						
					
					
						commit
						217fd07830
					
				| 
						 | 
				
			
			@ -15,24 +15,69 @@ body {
 | 
			
		|||
 | 
			
		||||
#topnav {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 10%;
 | 
			
		||||
    height: 3.5rem;
 | 
			
		||||
    background: var(--bg-color-l);
 | 
			
		||||
    display: flex;
 | 
			
		||||
 | 
			
		||||
    justify-content: space-between;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#topnav_buttons {
 | 
			
		||||
    margin-left: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.topnav_button {
 | 
			
		||||
    width: 12rem;
 | 
			
		||||
    width: 10rem;
 | 
			
		||||
    padding: 0.6rem 2rem;
 | 
			
		||||
    margin: 3px 3px;
 | 
			
		||||
    background: var(--bg-color-ll);
 | 
			
		||||
    border: 2px solid var(--bg-color);
 | 
			
		||||
    border-radius: 10px;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
    font-size: 25px;
 | 
			
		||||
    font-size: 18px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.topnav_button:hover {
 | 
			
		||||
    background: var(--bg-color)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#topnav_profile {
 | 
			
		||||
    margin-right: 0.5rem;
 | 
			
		||||
    position: relative;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    align-items: center;
 | 
			
		||||
    height: 3rem;
 | 
			
		||||
    float: right;
 | 
			
		||||
    padding-top: 6rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#topnav_profile span {
 | 
			
		||||
    font-size: 21px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#topnav_profile img {
 | 
			
		||||
    /*position: absolute;*/
 | 
			
		||||
    width: 3rem;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    right: 0;
 | 
			
		||||
    object-fit: fill;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#topnav_profile_dropdown {
 | 
			
		||||
 | 
			
		||||
    margin-top: 6.5rem;
 | 
			
		||||
    z-index: 1;
 | 
			
		||||
    right: 0;
 | 
			
		||||
    /* display: none; */
 | 
			
		||||
    position: apsolute;
 | 
			
		||||
    
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.topnav_profile_button {
 | 
			
		||||
    width: 6rem;
 | 
			
		||||
    background: var(--bg-color-ll);
 | 
			
		||||
    border: 2px solid var(--bg-color); 
 | 
			
		||||
    border-radius: 10px;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										
											BIN
										
									
								
								res/img/default_pfp.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								res/img/default_pfp.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 18 KiB  | 
| 
						 | 
				
			
			@ -9,18 +9,51 @@
 | 
			
		|||
    </head>
 | 
			
		||||
    <body>
 | 
			
		||||
        <div id="topnav">
 | 
			
		||||
            <button class="topnav_button" onclick="location.href='/'">
 | 
			
		||||
                 Dashboard
 | 
			
		||||
            </button>
 | 
			
		||||
            <button class="topnav_button" onclick="location.href='/roster'">
 | 
			
		||||
                 Roster
 | 
			
		||||
            </button>
 | 
			
		||||
            <button class="topnav_button" onclick="location.href='/events'">
 | 
			
		||||
                 Events
 | 
			
		||||
            </button>
 | 
			
		||||
            <button class="topnav_button" onclick="location.href='/documents'">
 | 
			
		||||
                 Documents
 | 
			
		||||
            </button>
 | 
			
		||||
            <div id="topnav_buttons">
 | 
			
		||||
                <button class="topnav_button" onclick="location.href='/'">
 | 
			
		||||
                    Dashboard
 | 
			
		||||
                </button>
 | 
			
		||||
                <button class="topnav_button" onclick="location.href='/roster'">
 | 
			
		||||
                    Roster
 | 
			
		||||
                </button>
 | 
			
		||||
                <button class="topnav_button" onclick="location.href='/events'">
 | 
			
		||||
                    Events
 | 
			
		||||
                </button>
 | 
			
		||||
                <button class="topnav_button" onclick="location.href='/documents'">
 | 
			
		||||
                    Documents
 | 
			
		||||
                </button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div>
 | 
			
		||||
                <div id="topnav_profile">
 | 
			
		||||
                    <span>MCorange</span>
 | 
			
		||||
                    <img src="/img/default_pfp.png" alt="Profile Picture">    
 | 
			
		||||
                </div>
 | 
			
		||||
                <div id="topnav_profile_wrapper">
 | 
			
		||||
                        <div id="topnav_profile_dropdown">
 | 
			
		||||
                            <div>
 | 
			
		||||
                                <button class="topnav_profile_button">
 | 
			
		||||
                                    Profile
 | 
			
		||||
                                </button>
 | 
			
		||||
                            </div>
 | 
			
		||||
                            <div>
 | 
			
		||||
                                <button class="topnav_profile_button">
 | 
			
		||||
                                    Administration
 | 
			
		||||
                                </button>
 | 
			
		||||
                            </div>
 | 
			
		||||
                            <div>
 | 
			
		||||
                                <button class="topnav_profile_button">
 | 
			
		||||
                                    Preferences
 | 
			
		||||
                                </button>
 | 
			
		||||
                            </div>
 | 
			
		||||
                            <div>
 | 
			
		||||
                                <button class="topnav_profile_button">
 | 
			
		||||
                                    Log out
 | 
			
		||||
                                </button>
 | 
			
		||||
                            </div>
 | 
			
		||||
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
         </div>
 | 
			
		||||
        {% block content %}{% endblock %}
 | 
			
		||||
    </body>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue
	
	Block a user