Add max-width containers

This commit is contained in:
Raghavendra Kamath
2018-04-13 19:40:28 +05:30
parent ff754048a2
commit a4efb927bc
5 changed files with 34 additions and 24 deletions

View File

@@ -37,3 +37,11 @@ a {
.logo-img { .logo-img {
width: var(--unit-3); width: var(--unit-3);
} }
.outter-container {
max-width: var(--screen-laptop);
}
.inner-container {
max-width: var(--screen-palm);
}

View File

@@ -38,6 +38,7 @@ body {
font-feature-settings: "kern" 1; font-feature-settings: "kern" 1;
font-kerning: normal; font-kerning: normal;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
margin: 0;
} }
[ tabindex = "-1" ]:focus { [ tabindex = "-1" ]:focus {

View File

@@ -9,7 +9,8 @@
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<body class="container m0auto page-shadow text-dark-grey" data-path="{{ path }}"> <body class="bg-light-grey text-dark-grey" data-path="{{ path }}">
<div class="outter-container m0auto">
{%- block navbar -%}{% include "templates/includes/navbar/navbar.html" %}{%- endblock -%} {%- block navbar -%}{% include "templates/includes/navbar/navbar.html" %}{%- endblock -%}
{% block content %} {% block content %}
{{ content }} {{ content }}
@@ -31,7 +32,7 @@
{% include 'public/js/index.js' %} {% include 'public/js/index.js' %}
</script> </script>
{%- endblock %} {%- endblock %}
</div>
<!-- csrf_token --> <!-- csrf_token -->
</body> </body>
{% endblock %} {% endblock %}

View File

@@ -1,5 +1,5 @@
<footer> <footer class="bg-white border-top">
<div class="border-top flex space-between p4"> <div class="inner-container m0auto flex space-between p4">
<div > <div >
<h3 class="h3 text-black mb1">Industries</h3> <h3 class="h3 text-black mb1">Industries</h3>
<ul class="list-unstyled"> <ul class="list-unstyled">
@@ -114,8 +114,8 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="p4 border-top"> <div class="border-top">
<div class="bottom-spacer"> <div class=" p4 inner-container m0auto">
<span>&copy; <span id="year"></span> ERPNext Open Source Software Foundation. Content licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> Read the <a href="/terms" >Terms of use</a>.</span> <span>&copy; <span id="year"></span> ERPNext Open Source Software Foundation. Content licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> Read the <a href="/terms" >Terms of use</a>.</span>
</div> </div>
</div> </div>

View File

@@ -1,5 +1,5 @@
<nav class="navbar top-sticky bg-white" role="navigation"> <nav class="navbar border-bottom top-sticky bg-white" role="navigation">
<div class="flex space-between align-item-center border-bottom ph4 pv2"> <div class="flex space-between align-item-center m0auto inner-container ph4 pv2">
<div class="left flex align-item-center"> <div class="left flex align-item-center">
<a class="logo flex align-item-center pr1" href="{{ url_prefix }}{{ home_page or "/"}}"> <a class="logo flex align-item-center pr1" href="{{ url_prefix }}{{ home_page or "/"}}">
<img class="logo-img" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software"> <img class="logo-img" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">