Не получается сделать закругленные углы - PullRequest
Новая
       33

Не получается сделать закругленные углы

0 голосов
/ 14 июля 2020

Я использую Electron React Boilerplate и пытаюсь сделать красивые закругленные углы, но вместо этого получаю белые квадратные углы. Кто-нибудь знает какое-либо решение?

Вот как выглядят мои углы приложения

Это мой код BrowserWindow: 

mainWindow = new BrowserWindow({
  show: false,
  width: 396,
  height: 520,
  transparent: true,
  frame: false,
  resizable: false,
  webPreferences: {...preferences}
});

Изменить: здесь это еще код 

import React from 'react';
import styles from './Home.css';
import Titlebar from './FirstOpenScreen/Titlebar';

export default function Home(): JSX.Element {
  return (
    <div className={styles.home}>
      <Titlebar />
      <h1 className={styles.h1}>Hello, world.</h1>
    </div>
  );
}

И мой CSS: 

div.home {
  width: 100%;
  height: 100vh;
  background-color: #252525;
  color: white;
  border-radius: 10px;
  overflow: hidden;
}

1 Ответ

0 голосов
/ 14 июля 2020

Спасибо всем за помощь. Я анализировал свой собственный код и пробовал свойство CSS, которое я видел на inte rnet, и это помогло мне.

Решение состоит в том, чтобы просто добавить overflow: hidden к CSS файл для работы. 

body {
  border-radius: 10px;
  overflow: hidden;
}
...