Layout update.
This commit is contained in:
		
							parent
							
								
									54416ee84f
								
							
						
					
					
						commit
						39fa8fa0cd
					
				| @ -39,7 +39,9 @@ main { | ||||
| 
 | ||||
| header { | ||||
|   background-color: #000000; | ||||
|   padding: 10px 20px; | ||||
|   padding-top: 10px; | ||||
|   padding-left: 20px; | ||||
|   padding-right: 20px; | ||||
|   display: flex; | ||||
|   justify-content: space-between; | ||||
|   align-items: center; | ||||
| @ -47,8 +49,9 @@ header { | ||||
| 
 | ||||
| header .logo { | ||||
|     color: #fff; | ||||
|   font-size: 1.5em; | ||||
|   font-weight: bold; | ||||
|  font-size: 1.2em; | ||||
|   color: #fff; | ||||
| } | ||||
| 
 | ||||
| header nav a { | ||||
|  | ||||
| @ -21,7 +21,9 @@ | ||||
| </head> | ||||
| <body> | ||||
|   <header> | ||||
|     <div class="no-select logo">Snek</div> | ||||
|     <div class="no-select logo" style="display:none">Snek</div> | ||||
|      | ||||
|     <div class="logo">{% block header_text %}{% endblock %}</div> | ||||
|     <nav class="no-select"> | ||||
|       <a class="no-select" href="/web.html">🏠</a> | ||||
|       <a class="no-select" href="/search-user.html">🔍</a> | ||||
| @ -30,6 +32,7 @@ | ||||
|       <a class="no-select" href="#">⚙️</a> | ||||
|       <a class="no-select" href="/logout.html">🔒</a> | ||||
|     </nav> | ||||
| 
 | ||||
|   </header> | ||||
|   <main> | ||||
|     {% block sidebar %} | ||||
|  | ||||
| @ -1,10 +1,9 @@ | ||||
| {% extends "app.html" %} | ||||
| 
 | ||||
| {% block header_text %}<h2>{{ name }}</h2>{% endblock %}  | ||||
| 
 | ||||
| {% block main %} | ||||
| <section class="chat-area" id="chat"> | ||||
|     <div class="chat-header"> | ||||
|         <h2>{{ name }}</h2> | ||||
|     </div> | ||||
|     <div class="chat-messages"> | ||||
|         {% for message in messages %} | ||||
|             {% autoescape false %} | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user