カスタムCSSのメモ
/* 検索窓の角を丸くする */
.search__input,
.status__content .status__content__spoiler-link {
border-radius:25px;
}
/* 検索窓のレイアウト修正 */
.search {
margin-bottom: 10px;
}
↓
/* 情報カラム固定 */
/* スマホ等の横幅630px以下スタイル時に正しく表示できない不具合有 */
.columns-area:has(.column:not([aria-label])) {
margin-right: 355px;
}
.column:not([aria-label]){
position: fixed;
right: 0;
height: 100%;
}
/* アイコンをBevelな八角形にする */
.account__avatar img {
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
/* アイコンをNFTな六角形にする */
.account__avatar img {
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}