12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- .v-picker.v-sheet {
- display: grid;
- grid-auto-rows: min-content;
- grid-template-areas: "title" "header" "body";
- overflow: hidden;
- }
- .v-picker.v-sheet {
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
- }
- .v-picker.v-sheet {
- border-radius: 4px;
- }
- .v-picker.v-sheet.v-picker--with-actions {
- grid-template-areas: "title" "header" "body" "actions";
- }
- .v-picker__body {
- grid-area: body;
- overflow: hidden;
- position: relative;
- }
- .v-picker__header {
- grid-area: header;
- }
- .v-picker__actions {
- grid-area: actions;
- padding: 0 12px 12px;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .v-picker__actions .v-btn {
- min-width: 48px;
- }
- .v-picker__actions .v-btn:not(:last-child) {
- margin-inline-end: 8px;
- }
- .v-picker--landscape {
- grid-template-areas: "title" "header body" "header body";
- }
- .v-picker--landscape.v-picker--with-actions {
- grid-template-areas: "title" "header body" "header actions";
- }
- .v-picker-title {
- text-transform: uppercase;
- font-size: 0.75rem;
- grid-area: title;
- padding-inline: 24px 12px;
- padding-top: 16px;
- padding-bottom: 16px;
- font-weight: 400;
- letter-spacing: 0.1666666667em;
- }
|