1717 </ head >
1818
1919 < body >
20- < navbar class ="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px " data-main_content_id ="content " data-scroll ="sticky-nav,hide-nav " data-scroll_up ="10 " data-scroll_down ="10 " data-collection ="components " data-document_id ="60395ef42b3ac232657040fd " name ="html ">
21- </ navbar >
20+ < nav class ="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px " data-main_content_id ="content " data-scroll ="sticky-nav,hide-nav " data-scroll_up ="10 " data-scroll_down ="10 " data-collection ="components " data-document_id ="60395ef42b3ac232657040fd " name ="html ">
21+ </ nav >
2222 < sidenav id ="menuL " class ="cocreate-sidenav background:whitesmoke " data-main_content ="content " sidenav-default_desktop ="expanded " sidenav-default_tablet ="offcanvas " sidenav-ontoggle_desktop ="offcanvas " sidenav-ontoggle_tablet ="expanded ">
2323 < menu data-collection ="components " data-document_id ="603717b07de7fb350ae9fec8 " name ="html "> </ menu >
2424 < div class ="resizeHandler "> </ div >
2525 </ sidenav >
26- < main class ="padding:15px_15px_0px_15px " data-main_content_id ="content " id ="cocreate-dashboard ">
26+ < main class ="padding-top:15px padding:15px@lg@xl " data-main_content_id ="content " id ="cocreate-dashboard ">
2727 < div class ="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px ">
2828 < div class ="display:flex align-items:center ">
2929 < h2 > CoCreate-dashboard</ h2 >
@@ -40,9 +40,9 @@ <h2>CoCreate-dashboard</h2>
4040 < a href ="https://github.com/CoCreate-app/CoCreate-dashboard " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
4141 </ div >
4242 </ div >
43- < p class ="max-width:500px margin:20px_10px "> A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</ p >
43+ < p class ="max-width:500px margin:20px_10px line-height:1.5 "> A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</ p >
4444 < div id ="dashboard-section " class ="display:flex flex-wrap:wrap ">
45- < div class ="flex-grow:1 width:400px padding:0px_10px margin-top:60px ">
45+ < div class ="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px ">
4646
4747 < div id ="dashboard-install " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-install-section ">
4848 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#dashboard-install"] '>
@@ -51,7 +51,7 @@ <h2 class="padding:5px_0px">Install</h2>
5151 </ span >
5252 </ div >
5353 < pre > < code class ="language-bash "> npm i @cocreate/dashboard</ code > </ pre >
54- < p class ="padding:10px_0px "> Or you can use cdn link:</ p >
54+ < p class ="padding:10px_0px line-height:1.5 "> Or you can use cdn link:</ p >
5555 < pre > < code class ="language-html "> <script>https://cdn.cocreate.app/dashboard/latest/CoCreate-dashboard.min.js</script></ code > </ pre >
5656
5757 < div id ="dashboard-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-usage-section ">
@@ -61,13 +61,13 @@ <h2 class="padding:5px_0px">Usage</h2>
6161 </ span >
6262 </ div >
6363 < div class ="">
64- < p class ="padding:10px_0px "> This is dashboard usage</ p >
64+ < p class ="padding:10px_0px line-height:1.5 "> This is dashboard usage</ p >
6565
6666 < div class ="flex-grow:1 min-width:300px width:100% ">
6767 < pre > < code class ="language-html "> <div></div></ code > </ pre >
6868 </ div >
69- < p class ="padding:10px_0px "> This is dashboard usage</ p >
70- < p class ="padding:10px_0px "> This is dashboard usage</ p >
69+ < p class ="padding:10px_0px line-height:1.5 "> This is dashboard usage</ p >
70+ < p class ="padding:10px_0px line-height:1.5 "> This is dashboard usage</ p >
7171 </ div >
7272 < div id ="dashboard-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-attributes-section ">
7373 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#dashboard-attributes"] '>
@@ -87,7 +87,7 @@ <h4><span>data-dashboard</span> <span class="cocreate-badge success">string</spa
8787 </ ul >
8888 </ div >
8989
90- < div class ="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
90+ < div class ="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
9191 <!-- SandBox -->
9292 < div id ="dashboard-demo " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-demo-section ">
9393 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#dashboard-demo"] '>
0 commit comments