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