Improve styles

pull/5370/head
alexcherman 5 years ago
parent 2f4d94b196
commit e7b49bfd5b
  1. 12
      src/app/components/plugin-manager-component.js
  2. 2
      src/app/tabs/theme-module.js

@ -31,11 +31,13 @@ const css = csjs`
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin: 0; margin: 0;
font-size: 11px; font-size: 13px;
line-height: 12px; line-height: 16px;
text-transform: uppercase; text-transform: uppercase;
} }
.description { .description {
font-size: 13px;
line-height: 18px;
text-transform: capitalize; text-transform: capitalize;
} }
.row { .row {
@ -103,7 +105,7 @@ class PluginManagerComponent extends ViewPlugin {
} }
// Beta // Beta
if (api.profile.version && api.profile.version.match(/\b(\w*beta\w*)\b/g)) { if (api.profile.version && api.profile.version.match(/\b(\w*beta\w*)\b/g)) {
versionWarning = yo`<small title="Version Beta" class="${css.versionWarning}">beta</small>` versionWarning = yo`<small title="Version Beta" class="${css.versionWarning} plugin-version">beta</small>`
} }
const activationButton = isActive const activationButton = isActive
@ -119,13 +121,13 @@ class PluginManagerComponent extends ViewPlugin {
return yo` return yo`
<article id="remixPluginManagerListItem_${name}" class="list-group-item px-2 pt-2 pb-0 plugins-list-group-item" title="${displayName}" > <article id="remixPluginManagerListItem_${name}" class="list-group-item px-2 pt-2 pb-0 plugins-list-group-item" title="${displayName}" >
<div class="${css.row} justify-content-between align-items-center mb-2"> <div class="${css.row} justify-content-between align-items-center mb-2">
<h6 class="${css.displayName} form-control-label"> <h6 class="${css.displayName}">
${displayName} ${displayName}
${versionWarning} ${versionWarning}
</h6> </h6>
${activationButton} ${activationButton}
</div> </div>
<p class="${css.description} text-body">${api.profile.description}</p> <p class="${css.description} text-body plugin-text">${api.profile.description}</p>
</article> </article>
` `
} }

@ -3,7 +3,7 @@ import { EventEmitter } from 'events'
import * as packageJson from '../../../package.json' import * as packageJson from '../../../package.json'
const themes = [ const themes = [
{name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1571151519/custom-dark-theme.css'}, {name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572868094/remix-custom-dark.css'},
{name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572342742/light-theme.css'}, {name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572342742/light-theme.css'},
// switching to the url Todo: remove when the theme is ready // switching to the url Todo: remove when the theme is ready

Loading…
Cancel
Save