Update editor

This commit is contained in:
pedrocx486 2023-02-12 04:12:32 -03:00
parent 87aeaacc3f
commit e24d98a04b
5 changed files with 144 additions and 142 deletions

View File

@ -0,0 +1 @@
#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}button{cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;padding:.6rem;border:none;box-shadow:#000a 4px 4px}.btn-primary{background-color:#6100a2;color:#fff;font-size:.8rem;margin-top:.5rem}.btn-primary[disabled]{background-color:#909090;color:#4b4b4b;font-size:.8rem}.btn-primary:hover{box-shadow:0 0 7px #6100a2}.btn-secondary{background-color:#00f1dd;color:#4e4e4e;font-size:.8rem}.btn-secondary:hover{box-shadow:0 0 7px #00f1dd}.btn-tertiary{background-color:#f10800;color:#e9e9e9;font-size:.8rem}.btn-tertiary:hover{box-shadow:0 0 7px #f10800}.close-btn{text-align:end;margin-bottom:.5rem}.btn-wide{min-width:-webkit-fill-available;margin-top:.5rem}#dialog{max-width:90vw}.dialog-header{display:flex;justify-content:space-between}.dialog-header>* h4{padding:0;margin:0;margin-top:.5rem}.wrapper{display:flex;grid-gap:1rem;flex-direction:row;justify-content:center;width:100%;height:85vh;position:relative;margin-bottom:-1.3rem}.editor-area{text-align:left;flex:1}.title-area{display:flex}.title{flex:1}.editor{resize:none;width:-webkit-fill-available;height:90%}.preview{max-width:50vw;flex:1;border:1px solid #969696;max-height:96.8%;overflow-y:auto}.preview-title{margin-top:0;border-bottom:solid 1px}.preview>*{max-width:50vw;line-break:normal}.preview>* p{padding:.2rem}.footer-buttons{text-align:center;padding-bottom:3rem}#file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}#file-input+label{display:inline-block;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;padding:.55rem;border:none;box-shadow:#000a 4px 4px;color:#fff;background-color:#6100a2;position:absolute;font-size:.8rem;margin-top:.5rem;width:20.7rem;text-align:center;margin-left:-11.2rem;margin-bottom:1rem}#file-input:focus+label,#file-input+label:hover{box-shadow:0 0 7px #6100a2;color:#fff}label{margin-bottom:0!important}@media only screen and (hover: none){.wrapper{flex-direction:column;margin-bottom:unset!important}.preview{max-width:100vw;margin-top:1rem}}

View File

@ -1 +0,0 @@
#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}button{cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;padding:.6rem;border:none;box-shadow:#000a 4px 4px}.btn-primary{background-color:#6100a2;color:#fff;font-size:.8rem}.btn-primary:hover{box-shadow:0 0 7px #6100a2}.wrapper{display:flex;grid-gap:1rem;flex-direction:row;justify-content:center;width:100%;height:85vh;position:relative;margin-bottom:-1.3rem}.editor-area{text-align:left;flex:1}.title-area{display:flex}.title{flex:1}.editor{resize:none;width:-webkit-fill-available;height:90%}.preview{max-width:50vw;flex:1;border:1px solid #969696;max-height:96.8%;overflow-y:auto}.preview-title{margin-top:0;border-bottom:solid 1px}.preview>*{max-width:50vw;line-break:normal}.preview>* p{padding:.2rem}.footer-buttons{text-align:center}#file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}#file-input+label{display:inline-block;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;padding:.55rem;border:none;box-shadow:#000a 4px 4px;color:#fff;background-color:#6100a2;position:absolute;font-size:.8rem;margin-top:.3rem;width:20.7rem;text-align:center;margin-left:-11.2rem}#file-input:focus+label,#file-input+label:hover{box-shadow:0 0 7px #6100a2;color:#fff}label{margin-bottom:0!important}@media only screen and (hover: none){.wrapper{flex-direction:column;margin-bottom:unset!important}.preview{max-width:100vw;margin-top:1rem}}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,8 +5,8 @@
<link rel="icon" href="./favicon.ico" /> <link rel="icon" href="./favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ngx-retroblog editor</title> <title>ngx-retroblog editor</title>
<script type="module" crossorigin src="./assets/index-ae82a772.js"></script> <script type="module" crossorigin src="./assets/index-f1f7303f.js"></script>
<link rel="stylesheet" href="./assets/index-80021042.css"> <link rel="stylesheet" href="./assets/index-0cc81252.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>