diff --git a/pythonmyadmin/static/dist/css/style.css b/pythonmyadmin/static/dist/css/style.css index af26ccd..813070a 100644 --- a/pythonmyadmin/static/dist/css/style.css +++ b/pythonmyadmin/static/dist/css/style.css @@ -1 +1 @@ -header{position:relative;width:100%;margin-bottom:50px!important;padding:40px 0!important;background:white!important;box-shadow:0 0 5px #bec6cf;font-family:'Lato',sans-serif}@media(max-width:600px){header{margin:0!important;padding:30px 0!important}}header nav{display:flex;align-items:center;justify-content:space-between;width:975px;max-width:90%;margin:auto}header nav .nav-link{color:#59657b;line-height:1;text-decoration:none}header nav .left-nav{display:flex;align-items:center;justify-content:space-between;color:#59657b;line-height:1}header nav .left-nav a{display:flex;align-items:center;justify-content:space-between}header nav .left-nav h1{margin:0;font-size:1.4em}header nav .left-nav i{margin-right:8px;font-size:1.5em}@media(max-width:600px){header .right-nav{display:none}}header .right-nav a{margin-left:30px;color:#70829d;font-size:.9em;text-decoration:none;transition:all .3s ease-out}header .right-nav a:hover{cursor:pointer;opacity:.7}header .right-nav a i{margin-right:5px}.table-template{margin:0}.table-template .dash-spreadsheet-container{max-width:100%;margin:20px auto!important;overflow:hidden;border:0;border-radius:4px;box-shadow:0 0 4px #cdd3e2;font-family:'Lato',helvetica,sans-serif}.table-template .dash-spreadsheet-container *{box-shadow:none!important;font-family:'Lato',helvetica,sans-serif}.table-template .dash-spreadsheet-container th,.table-template .dash-spreadsheet-container tr{box-shadow:none!important}.table-template .dash-spreadsheet-container td:first-of-type,.table-template .dash-spreadsheet-container tr:first-of-type{width:55px}.table-template .dash-spreadsheet-container td:last-of-type,.table-template .dash-spreadsheet-container tr:last-of-type{width:100px}.table-template .dash-spreadsheet-container th{padding:25px 15px!important;border-top:0!important;border-right:0!important;border-bottom:1px solid #e5e7eb!important;border-left:0!important;background:white!important;color:#636a73;font-weight:600!important}.table-template .dash-spreadsheet-container th .column-header--sort{margin-right:7px;transition:all .2s ease-out}.table-template .dash-spreadsheet-container th .column-header--sort:hover{color:#9bd2eb!important}.table-template .dash-spreadsheet-container th .column-header--sort svg{width:.5em}.table-template .dash-spreadsheet-container th .sort{order:2;color:#aeaeae!important;transition:all .3s ease-out}.table-template .dash-spreadsheet-container th .sort:hover{text-decoration:none;cursor:pointer;opacity:.7}.table-template .dash-spreadsheet-container th>div{display:flex;align-items:center;width:fit-content}.table-template .dash-spreadsheet-container th>div span:last-of-type{font-size:.85em;text-transform:uppercase}.table-template .dash-spreadsheet-container th:nth-child(even){background:#f5f8fc!important}.table-template .dash-spreadsheet-container tr{border:0!important}.table-template .dash-spreadsheet-container tr:nth-child(even){background:#e7eefa!important}.table-template .dash-spreadsheet-container td{padding:15px 10px!important;overflow:hidden!important;border:0!important;font-size:.6em!important;line-height:1.25!important;text-align:center!important}.table-template .dash-spreadsheet-container td.focused{background-color:rgba(154,212,255,0.2)!important;box-shadow:0 0 4px #cdd3e2}.table-template .dash-spreadsheet-container td.unfocused{caret-color:#317ed1!important}.table-template .dash-spreadsheet-container td .input-cell-value-shadow{width:100%}.table-template .dash-spreadsheet-container td .dash-cell-value{display:block!important;max-width:500px;overflow:hidden!important;font-size:1.2em;font-weight:300;text-align:left;text-overflow:ellipsis;white-space:nowrap}.table-template .dash-spreadsheet-container .column-0{max-width:80px!important}.table-template .dash-spreadsheet-container td[data-dash-column="type"],.table-template .dash-spreadsheet-container th[data-dash-column="type"]{max-width:70px!important}.table-template .dash-spreadsheet-container td[data-dash-column="response"],.table-template .dash-spreadsheet-container th[data-dash-column="response"]{max-width:400px!important;overflow:hidden}.table-template .dash-spreadsheet-container th[data-dash-column="command"],.table-template .dash-spreadsheet-container td[data-dash-column="command"]{min-width:130px!important}.table-template th[data-dash-column="created_at"],.table-template td[data-dash-column="created_at"]{min-width:145px}.table-template table tbody{box-shadow:0 0 7px #bdbdd2!important}.table-template .dash-spreadsheet-inner input::placeholder{color:grey}.table-template .dash-spreadsheet-inner .input-active{overflow:visible!important;color:#829ab2;text-align:left!important}.table-template #controls{display:flex;align-items:center;justify-content:space-between}.table-template #search{width:100%;margin-right:20px!important;padding:0 15px!important;height:50px;border-radius:4px;font-size:1.1em}.table-template #search::placeholder{color:#aaa}.table-template .Select-control{min-width:200px}.table-template #search,.table-template .Select-control{margin:0;padding:8px;border:0;box-shadow:0 0 4px #cdd3e2}.table-template #search .Select-placeholder,.table-template .Select-control .Select-placeholder{height:fit-content;margin:auto;padding:5px 15px}.table-template #search .Select-value,.table-template .Select-control .Select-value{margin:0 8px 0 0!important}.table-template #search .Select-value .Select-value-icon,.table-template .Select-control .Select-value .Select-value-icon{padding:6px 8px}.table-template #search .Select-value .Select-value-label,.table-template .Select-control .Select-value .Select-value-label{padding:4px 9px;line-height:1;font-size:.8em}.table-template #search .Select-menu-outer,.table-template .Select-control .Select-menu-outer{border:0;box-shadow:0 0 6px #cdd3e2;font-size:.8em;height:500px;min-height:500px}.table-template #search .Select-menu-outer *,.table-template .Select-control .Select-menu-outer *{width:100%;color:#404552}.table-template .next-page,.table-template .previous-page{padding:7px 11px;margin:0 1px;font-size:.9em;font-weight:300;background:#e7f1f2;border:1px solid #b8d6da;color:#278296;border-radius:2px;transition:all .2s ease-out;outline-color:transparent;outline-style:none}.table-template .next-page:hover,.table-template .previous-page:hover{cursor:pointer;color:white;background:#1c8ba4}.table-template .dash-delete-cell{font-size:1.3em!important}.table-template ._dash-undo-redo{background-color:#ffe9e9!important;padding:10px;right:110px!important;left:unset!important;width:40px;border:1px solid pink;transition:all .2s ease-out;border-radius:2px}.table-template ._dash-undo-redo *{color:#4c000d!important}.table-template #save{background-color:#c4e0d7!important;padding:10px;right:30px!important;left:unset!important;width:40px;border:1px solid #b1d1c7;transition:all .2s ease-out;border-radius:2px;position:fixed;bottom:30px;text-align:center}.table-template #save *{color:#738982!important}.home-template .database-host{font-weight:bold}body,html{height:100%!important;margin:0;padding:0;background:#e7ecf7!important;font-family:'Lato',helvetica,sans-serif}@media(max-width:600px){body,html{margin:0}}body .row .col,html .row .col{padding:0!important}body a,html a{text-decoration:none;color:#5eb9d7;font-weight:500}body a:hover,html a:hover{cursor:pointer;opacity:1}body .container,html .container{width:1000px;max-width:90%;margin:auto;border-radius:4px;box-shadow:0 0 4px #cdd3e2;padding:30px;background:white}@media(max-width:600px){body .container,html .container{margin:20px;max-width:unset;width:unset}}body .container .database-host-name,html .container .database-host-name{color:#afb7c3;margin:0;font-size:.8em}body .container .database-host-name span,html .container .database-host-name span{white-space:nowrap}body .container .database-table-summary,html .container .database-table-summary{font-size:1.2em;margin-top:5px;color:#6d7277}body .container ul,html .container ul{list-style:none;padding:0}body .container ul li,html .container ul li{margin-bottom:5px;text-decoration:none}body .container ul li:last-of-type,html .container ul li:last-of-type{margin-bottom:0}body .dash-spreadsheet-container,html .dash-spreadsheet-container{max-width:100%;margin:40px auto!important;overflow:hidden;border:1px solid #d3d8e0;box-shadow:none;font-family:'Lato',helvetica,sans-serif}body .layout-container,html .layout-container{width:1000px;max-width:90%;margin:40px auto}@media(max-width:600px){body .layout-container,html .layout-container{width:100%;max-width:95%;margin:20px auto}} \ No newline at end of file +header{position:relative;width:100%;margin-bottom:50px!important;padding:40px 0!important;background:white!important;box-shadow:0 0 5px #bec6cf;font-family:'Lato',sans-serif}@media(max-width:600px){header{margin:0!important;padding:30px 0!important}}header nav{display:flex;align-items:center;justify-content:space-between;width:975px;max-width:90%;margin:auto}header nav .nav-link{color:#59657b;line-height:1;text-decoration:none}header nav .left-nav{display:flex;align-items:center;justify-content:space-between;color:#59657b;line-height:1}header nav .left-nav a{display:flex;align-items:center;justify-content:space-between}header nav .left-nav h1{margin:0;font-size:1.4em}header nav .left-nav i{margin-right:8px;font-size:1.5em}@media(max-width:600px){header .right-nav{display:none}}header .right-nav a{margin-left:30px;color:#70829d;font-size:.9em;text-decoration:none;transition:all .3s ease-out}header .right-nav a:hover{cursor:pointer;opacity:.7}header .right-nav a i{margin-right:5px}.table-template{margin:0}.table-template .dash-spreadsheet-container{max-width:100%;margin:20px auto!important;overflow:hidden;border:0;border-radius:4px;box-shadow:0 0 4px #cdd3e2;font-family:'Lato',helvetica,sans-serif}.table-template .dash-spreadsheet-container *{box-shadow:none!important;font-family:'Lato',helvetica,sans-serif}.table-template .dash-spreadsheet-container th,.table-template .dash-spreadsheet-container tr{box-shadow:none!important}.table-template .dash-spreadsheet-container td:first-of-type,.table-template .dash-spreadsheet-container tr:first-of-type{width:55px}.table-template .dash-spreadsheet-container td:last-of-type,.table-template .dash-spreadsheet-container tr:last-of-type{width:100px}.table-template .dash-spreadsheet-container th{padding:25px 15px!important;border-top:0!important;border-right:0!important;border-bottom:1px solid #e5e7eb!important;border-left:0!important;background:white!important;color:#636a73;font-weight:600!important}.table-template .dash-spreadsheet-container th .column-header--sort{margin-right:7px;transition:all .2s ease-out}.table-template .dash-spreadsheet-container th .column-header--sort:hover{color:#9bd2eb!important}.table-template .dash-spreadsheet-container th .column-header--sort svg{width:.5em}.table-template .dash-spreadsheet-container th .sort{order:2;color:#aeaeae!important;transition:all .3s ease-out}.table-template .dash-spreadsheet-container th .sort:hover{text-decoration:none;cursor:pointer;opacity:.7}.table-template .dash-spreadsheet-container th>div{display:flex;align-items:center;width:fit-content}.table-template .dash-spreadsheet-container th>div span:last-of-type{font-size:.85em;text-transform:uppercase}.table-template .dash-spreadsheet-container th:nth-child(even){background:#f5f8fc!important}.table-template .dash-spreadsheet-container tr{border:0!important}.table-template .dash-spreadsheet-container tr:nth-child(even){background:#e7eefa!important}.table-template .dash-spreadsheet-container td{padding:15px 10px!important;overflow:hidden!important;border:0!important;font-size:.6em!important;line-height:1.25!important;text-align:center!important}.table-template .dash-spreadsheet-container td.focused{background-color:rgba(154,212,255,0.2)!important;box-shadow:0 0 4px #cdd3e2}.table-template .dash-spreadsheet-container td.unfocused{caret-color:#317ed1!important}.table-template .dash-spreadsheet-container td .input-cell-value-shadow{width:100%}.table-template .dash-spreadsheet-container td .dash-cell-value{display:block!important;max-width:500px;overflow:hidden!important;font-size:1.2em;font-weight:300;text-align:left;text-overflow:ellipsis;white-space:nowrap}.table-template .dash-spreadsheet-container .column-0{max-width:80px!important}.table-template .dash-spreadsheet-container td[data-dash-column="type"],.table-template .dash-spreadsheet-container th[data-dash-column="type"]{max-width:70px!important}.table-template .dash-spreadsheet-container td[data-dash-column="response"],.table-template .dash-spreadsheet-container th[data-dash-column="response"]{max-width:400px!important;overflow:hidden}.table-template .dash-spreadsheet-container th[data-dash-column="command"],.table-template .dash-spreadsheet-container td[data-dash-column="command"]{min-width:130px!important}.table-template th[data-dash-column="created_at"],.table-template td[data-dash-column="created_at"]{min-width:145px}.table-template table tbody{box-shadow:0 0 7px #bdbdd2!important}.table-template .dash-spreadsheet-inner input::placeholder{color:grey}.table-template .dash-spreadsheet-inner .input-active{overflow:visible!important;color:#0297f6;text-align:left!important}.table-template #controls{display:flex;align-items:center;justify-content:space-between}.table-template #search{width:100%;margin-right:20px!important;padding:0 15px!important;height:50px;border-radius:4px;font-size:1.1em}.table-template #search::placeholder{color:#aaa}.table-template .Select-control{min-width:200px}.table-template #search,.table-template .Select{margin:0;padding:8px;border:0;box-shadow:0 0 4px #cdd3e2}.table-template #search .Select-placeholder,.table-template .Select .Select-placeholder{height:fit-content;margin:auto;padding:5px 15px}.table-template #search .Select-value,.table-template .Select .Select-value{margin:0 8px 0 0!important}.table-template #search .Select-value .Select-value-icon,.table-template .Select .Select-value .Select-value-icon{padding:6px 8px}.table-template #search .Select-value .Select-value-label,.table-template .Select .Select-value .Select-value-label{padding:4px 9px;line-height:1;font-size:.7em}.table-template #search .Select-menu-outer,.table-template .Select .Select-menu-outer{border:0;box-shadow:0 0 6px #cdd3e2;font-size:.7em;height:500px!important;min-height:500px!important}.table-template #search .Select-menu-outer *,.table-template .Select .Select-menu-outer *{width:100%;color:#404552}.table-template .next-page,.table-template .previous-page{padding:7px 11px;margin:0 1px;font-size:.9em;font-weight:300;background:#e7f1f2;border:1px solid #b8d6da;color:#278296;border-radius:2px;transition:all .2s ease-out;outline-color:transparent;outline-style:none}.table-template .next-page:hover,.table-template .previous-page:hover{cursor:pointer;color:white;background:#1c8ba4}.table-template .dash-delete-cell{font-size:1.3em!important}.table-template ._dash-undo-redo{background-color:#ffe9e9!important;padding:10px;right:110px!important;left:unset!important;width:40px;border:1px solid pink;transition:all .2s ease-out;border-radius:2px}.table-template ._dash-undo-redo *{color:#4c000d!important}.table-template #save{background-color:#c4e0d7!important;padding:10px;right:30px!important;left:unset!important;width:40px;border:1px solid #b1d1c7;transition:all .2s ease-out;border-radius:2px;position:fixed;bottom:30px;text-align:center}.table-template #save *{color:#738982!important}.home-template .database-host{font-weight:bold}body,html{height:100%!important;margin:0;padding:0;background:#e7ecf7!important;font-family:'Lato',helvetica,sans-serif}@media(max-width:600px){body,html{margin:0}}body .row .col,html .row .col{padding:0!important}body a,html a,body .link,html .link{text-decoration:none;color:#0297f6;font-size:1.2em;line-height:1.1;font-weight:500}body a:hover,html a:hover,body .link:hover,html .link:hover{cursor:pointer;opacity:.8}body .container,html .container{width:1000px;max-width:90%;margin:auto;border-radius:4px;box-shadow:0 0 4px #cdd3e2;padding:30px;background:white}@media(max-width:600px){body .container,html .container{margin:20px;max-width:unset;width:unset}}body .container .database-host-name,html .container .database-host-name{color:#afb7c3;margin:0;font-size:.8em}body .container .database-host-name span,html .container .database-host-name span{white-space:nowrap}body .container .database-table-summary,html .container .database-table-summary{font-size:1.2em;margin-top:5px;color:#6d7277}body .container ul,html .container ul{list-style:none;padding:0}body .container ul li,html .container ul li{margin-bottom:5px;text-decoration:none}body .container ul li:last-of-type,html .container ul li:last-of-type{margin-bottom:0}body .link,html .link{color:#0297f6}body .dash-spreadsheet-container,html .dash-spreadsheet-container{max-width:100%;margin:40px auto!important;overflow:hidden;border:1px solid #d3d8e0;box-shadow:none;font-family:'Lato',helvetica,sans-serif}body .layout-container,html .layout-container{width:1000px;max-width:90%;margin:40px auto}@media(max-width:600px){body .layout-container,html .layout-container{width:100%;max-width:95%;margin:20px auto}} \ No newline at end of file diff --git a/pythonmyadmin/static/less/main.less b/pythonmyadmin/static/less/main.less index eb73536..c06c93e 100644 --- a/pythonmyadmin/static/less/main.less +++ b/pythonmyadmin/static/less/main.less @@ -18,13 +18,16 @@ html { padding: 0 !important; } - a { + a, + .link { text-decoration: none; - color: @link-color; + color: @theme-color; + font-size: 1.2em; + line-height: 1.1; font-weight: 500; &:hover { cursor: pointer; - opacity: 1; + opacity: 0.8; } } @@ -74,6 +77,10 @@ html { } } + .link { + color: @theme-color; + } + .dash-spreadsheet-container { max-width: 100%; margin: 40px auto !important; diff --git a/pythonmyadmin/static/less/nav.less b/pythonmyadmin/static/less/nav.less index 0f5f869..556dda4 100644 --- a/pythonmyadmin/static/less/nav.less +++ b/pythonmyadmin/static/less/nav.less @@ -22,6 +22,7 @@ header { .nav-link { color: #59657b; line-height: 1; + font-size: 1.1em; text-decoration: none; } diff --git a/pythonmyadmin/static/less/table.less b/pythonmyadmin/static/less/table.less index 8b699d5..652dccd 100644 --- a/pythonmyadmin/static/less/table.less +++ b/pythonmyadmin/static/less/table.less @@ -166,7 +166,7 @@ .input-active { overflow: visible !important; - color: #829ab2; + color: @theme-color; text-align: left !important; } } diff --git a/pythonmyadmin/static/less/variables.less b/pythonmyadmin/static/less/variables.less index 9a8e4d2..e0a5ed3 100644 --- a/pythonmyadmin/static/less/variables.less +++ b/pythonmyadmin/static/less/variables.less @@ -1,5 +1,5 @@ @background-color: #e7ecf7; -@link-color: #5eb9d7; +@theme-color: #0297f6; @body-font: 'Lato', helvetica, sans-serif; diff --git a/pythonmyadmin/templates/index.jinja2 b/pythonmyadmin/templates/index.jinja2 index 927fb53..39254bc 100644 --- a/pythonmyadmin/templates/index.jinja2 +++ b/pythonmyadmin/templates/index.jinja2 @@ -10,7 +10,7 @@