diff --git a/app/styles/application.scss b/app/styles/application.scss index b36a2e1a8..e2a9f5aad 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -47,7 +47,6 @@ @import 'components/react-toggle'; @import 'components/still-image'; @import 'components/trends'; -@import 'components/wtf-panel'; @import 'components/profile-media-panel'; @import 'components/profile-info-panel'; @import 'components/spoiler-button'; diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss index 9c015badb..9d3625863 100644 --- a/app/styles/components/sidebar-menu.scss +++ b/app/styles/components/sidebar-menu.scss @@ -16,8 +16,3 @@ transform: translateX(0); } } - -.sidebar-menu .wtf-panel { - box-shadow: none !important; - margin: 0; -} diff --git a/app/styles/components/wtf-panel.scss b/app/styles/components/wtf-panel.scss deleted file mode 100644 index 2d536e781..000000000 --- a/app/styles/components/wtf-panel.scss +++ /dev/null @@ -1,73 +0,0 @@ -.wtf-panel { - @include standard-panel; - display: flex; - width: 100%; - flex-direction: column; - height: auto; - box-sizing: border-box; - - @media screen and (max-width: 580px) { - border-radius: 0; - } - - &:first-child { - margin-top: 0; - } - - &:not(:last-of-type) { - margin-bottom: 10px; - } - - .wtf-panel-header { - display: flex; - align-items: center; - margin-bottom: 10px; - padding: 15px 15px 0; - - &__icon { - margin-right: 10px; - font-size: 20px; - - &.svg-icon { - width: 20px; - height: 20px; - } - } - - &__label { - flex: 1 1; - color: var(--primary-text-color); - font-size: 16px; - font-weight: bold; - line-height: 19px; - } - } - - &__content { - width: 100%; - padding-top: 8px; - } - - &__list { - padding: 0 5px; - } - - &__expand-btn { - @apply border-gray-300 dark:border-gray-600; - display: block; - width: 100%; - height: 100%; - max-height: 46px; - position: relative; - border-top: 1px solid; - transition: max-height 150ms ease; - overflow: hidden; - opacity: 1; - text-align: center; - line-height: 46px; - font-size: 14px; - cursor: pointer; - color: var(--primary-text-color); - text-decoration: none; - } -}