diff options
| author | megumin <megumin.bakaretsurie@gmail.com> | 2023-08-04 18:52:20 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-04 19:52:20 +0200 |
| commit | d6c43986fd665b60a8a83d41ef907dab22e990e7 (patch) | |
| tree | ff9eda6794ef371568662b389a5e71e32bbbc16c /src/components/VencordSettings/addonCard.css | |
| parent | bb7deeb09cb263d158de0d99e873c3d3f43a73bb (diff) | |
| download | Vencord-d6c43986fd665b60a8a83d41ef907dab22e990e7.tar.gz Vencord-d6c43986fd665b60a8a83d41ef907dab22e990e7.tar.bz2 Vencord-d6c43986fd665b60a8a83d41ef907dab22e990e7.zip | |
Add proper user-friendly theme manager (#635)
Co-authored-by: Justice Almanzar <superdash993@gmail.com>
Co-authored-by: Nuckyz <61953774+Nuckyz@users.noreply.github.com>
Co-authored-by: V <vendicated@riseup.net>
Diffstat (limited to 'src/components/VencordSettings/addonCard.css')
| -rw-r--r-- | src/components/VencordSettings/addonCard.css | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src/components/VencordSettings/addonCard.css b/src/components/VencordSettings/addonCard.css new file mode 100644 index 0000000..92f8c25 --- /dev/null +++ b/src/components/VencordSettings/addonCard.css @@ -0,0 +1,63 @@ +.vc-addon-card { + background-color: var(--background-secondary-alt); + color: var(--interactive-active); + border-radius: 8px; + display: block; + height: 100%; + padding: 12px; + width: 100%; + transition: 0.1s ease-out; + transition-property: box-shadow, transform, background, opacity; +} + +.vc-addon-card-disabled { + opacity: 0.6; +} + +.vc-addon-card:hover { + background-color: var(--background-tertiary); + transform: translateY(-1px); + box-shadow: var(--elevation-high); +} + +.vc-addon-header { + margin-top: auto; + display: flex; + width: 100%; + justify-content: flex-end; + align-items: center; + gap: 8px; + margin-bottom: 0.5em; +} + +.vc-addon-note { + height: 36px; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + line-clamp: 2; + -webkit-box-orient: vertical; + /* stylelint-disable-next-line property-no-unknown */ + box-orient: vertical; +} + +.vc-addon-name-author { + width: 100%; +} + +.vc-addon-name { + display: flex; + width: 100%; + align-items: center; + flex-grow: 1; + gap: 8px; +} + +.vc-addon-author { + font-size: 0.8em; +} + +.vc-addon-author::before { + content: "by "; +} |